/*@font-face{font-family: "socialshare";
    src: url("iconfont.eot;vpn_img");
    src: url("iconfont.eot?#iefix;vpn_img") format("embedded-opentype"),
    url("iconfont.woff;vpn_img") format("woff"), url("iconfont.ttf;vpn_img") format("truetype")}*/

.social-share{font-family: "socialshare" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale}
.social-share *{font-family: "socialshare" !important}

.social-share a{position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none}
.social-share .social-share-icon{position: relative; display: inline-block; width: 26px; height: 26px; font-size: 16px; border-radius: 50%; line-height: 26px; border: 1px solid #666; color: #666; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s}
.social-share .social-share-icon:hover{background: #666; color: #fff}
.social-share .icon-weibo{ border-color: #ff763b;background: url(share_icon_webo_c.png;vpn_img) no-repeat center center;}
.social-share .icon-weibo:hover{background: url(share_icon_webo_w.png;vpn_img) no-repeat center center #ff763b;}
.social-share .icon-tencent{color: #56b6e7; border-color: #56b6e7}
.social-share .icon-tencent:hover{background: #56b6e7}
.social-share .icon-qq{color: #56b6e7; border-color: #56b6e7}
.social-share .icon-qq:hover{background: #56b6e7}
.social-share .icon-qzone{color: #FDBE3D; border-color: #FDBE3D}
.social-share .icon-qzone:hover{background: #FDBE3D}
.social-share .icon-douban{color: #33b045; border-color: #33b045}
.social-share .icon-douban:hover{background: #33b045}
.social-share .icon-linkedin{color: #0077B5; border-color: #0077B5}
.social-share .icon-linkedin:hover{background: #0077B5}
.social-share .icon-facebook{color: #44619D; border-color: #44619D}
.social-share .icon-facebook:hover{background: #44619D}
.social-share .icon-google{color: #db4437; border-color: #db4437}
.social-share .icon-google:hover{background: #db4437}
.social-share .icon-twitter{color: #55acee; border-color: #55acee}
.social-share .icon-twitter:hover{background: #55acee}
.social-share .icon-diandian{color: #307DCA; border-color: #307DCA}
.social-share .icon-diandian:hover{background: #307DCA}
.social-share .icon-wechat{position: relative; color: #7bc549; border-color: #7bc549;background: url(share_icon_wechat_c.png;vpn_img) no-repeat center center;}
.social-share .icon-wechat:hover{background: url(share_icon_wechat_w.png;vpn_img) no-repeat center center #7bc549;}
.social-share .icon-wechat .wechat-qrcode{display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: 50px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top: 40px; left: -84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display: none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width: 105px; margin: 10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin: 0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight: normal; line-height: 16px; padding: 0; margin: 0}
/* .social-share .icon-wechat .wechat-qrcode:after{content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent} */
.social-share .icon-wechat:hover .wechat-qrcode{display: block}