.dock {
 position: fixed;
 right: 0px;
 width: 50px;
 -moz-opacity: 0.7;
 opacity: 0.7;
 z-index: 200;
}

.dock.close {
 z-index: 50;
}

.dock ul.icons {
 position: absolute;
 list-style: none;
 right: 0px;
 padding: 0px;
 width: 50px;
 border: 1px solid #333;
 border-right: none;
 background: #111;
 -moz-border-radius: 10px 0 0 10px;
 -webkit-border-radius: 10px 0 0 10px;
 border-radius: 10px 0 0 10px;
 -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 -ms-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
 right: -70px;
}

.dock ul.icons li i {
 display: block;
 position: relative;
 width: 50px;
 height: 50px;
 background: url(../images/icons.png) no-repeat;
 cursor: pointer;
 -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 -ms-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
 z-index: 210;
}

.dock ul.icons li.active i {
 -moz-opacity: 0.4;
 opacity: 0.4;
}

.dock ul.icons li.up i {
 background-position: -63px -150px;
}

.dock ul.icons li.tel i {
 background-position: -62px -108px;
}

.dock ul.icons li.im i {
 background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
 background-position: -59px -68px;
}
.dock ul.icons li.qq i {
 background-position: -56px -22px;
}
.dock ul.icons li.down i {
 background-position: -63px -190px;
}

.dock ul.icons li p {
 display: block;
 position: absolute;
 top: 50px;
 right: -260px;
 padding: 15px 20px;
 height: 120px;
 color: White;
 line-height: 30px;
 border: 1px solid #333;
 border-right: none;
 background: #111;
 -moz-border-radius: 10px 0 0 10px;
 -webkit-border-radius: 10px 0 0 10px;
 border-radius: 10px 0 0 10px;
 -moz-opacity: 0;
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transition: all .4s ease-in-out .1s;
 -moz-transition: all .4s ease-in-out .1s;
 -ms-transition: all .4s ease-in-out .1s;
 -o-transition: all .4s ease-in-out .1s;
 transition: all .4s ease-in-out .1s;
 overflow: hidden;
 z-index: 201;
}

.dock ul.icons li.active p {
 right: 50px;
 -moz-opacity: 1;
 opacity: 1;
 filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
 width: 140px;
 height:130px;
 line-height:30px
}
.dock ul.icons li.qq p {
 width: 140px;
 height:100px;
 line-height:30px
}
.dock ul.icons li.qq p a {
 color: #fff;
}

.dock ul.icons li.im p {
 width: 140px;
 height:130px;
 line-height:30px
}

.dock ul.icons li.im p a {
 display: block;
 margin-top: 12px;
 width: 100px;
 height: 35px;
 line-height: 32px;
 color: #00dfb9;
 font-size: 16px;
 text-align: center;
 text-decoration: none;
 border: 1px solid #00dfb9;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 -ms-transition: all .3s ease-in-out 0s;
 -o-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
 color: White;
 background: #0f8773;
 border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
 width: 170px;
 height:160px;
 line-height:30px
}

.dock ul.icons li.wechat p img {

 border: 2px solid #000;
}

.dock a.switch {
 position: absolute;
 display: block;
 top: 270px;
 right: 11px;
 width: 26px;
 height: 26px;
 background: url(../images/icons.png) no-repeat 0px -640px;
 cursor: pointer;
 -webkit-transition-delay: .15s;
 -moz-transition-delay: .15s;
 -ms-transition-delay: .15s;
 -o-transition-delay: .15s;
 transition-delay: .15s;
}

.dock a.switch.off {
 background-position: -32px -640px;
}

.iw_poi_title {
 color: #CC5522;
 font-size: 14px;
 font-weight: bold;
 overflow: hidden;
 padding-right: 13px;
 white-space: nowrap;
}

.iw_poi_content {
 font: 12px arial,sans-serif;
 overflow: visible;
 padding-top: 4px;
 white-space: -moz-pre-wrap;
 word-wrap: break-word;
}