@charset "gb2312";




#share-qrcode { background-image: url(../css/wechat.png); }
#share-douban { background-image: url(../css/db.png); }
#share-qzone { background-image: url(../css/qzone.png); }
#share-sina { background-image: url(../css/sina.png); }
#share-qq { background-image: url(../css/qq.png); }
.share-box{ width: 100px;
    z-index: 1;}
.share-box span{
    width: 30px;
    height: 30px;
    float: left;
    cursor: pointer;
    border-radius: 4px;
    background-size: contain;
    margin: 10px;
}

/* float-menu */
.float-menu{display: block;position: fixed; bottom: 51px; width: 48px;z-index: 99; right: 15px;}
.float-menu .scroll-btn a {position: relative; transition: none;}
.float-menu .s-btn {display: block;width: 48px;height: 48px;margin: 0 auto 4px;border: 1px solid #e5e5e5; background: url(../css/float_menu_icon.png) no-repeat 1000px 1000px #f1f1f1;}
.float-menu .s-btn:hover{background-color: #005bac; border-color: #005bac;}
.float-menu .box {box-shadow: 0 0 8px rgba(0,0,0,.2);-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.float-menu .scroll-btn a .box{position:absolute;right:75px;background:#fff;text-align:center;color:#666;display:block;opacity:0;visibility:hidden;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.float-menu .scroll-btn a .box em{font-style: normal;margin-top: 10px; margin-bottom: 8px;display: block;}
.float-menu .scroll-btn a span.box{width:100px;padding:9px 0;font:14px/30px ΢���ź�}
.qrcode-wrap{position:absolute;background-color:#fff;top:0;right:48px;width:142px;height:152px;z-index:1;display:block}
.qrcode-wrap img{display:block;width:100px;height:100px;margin:0 auto}
.float-menu .scroll-btn a:hover .box{display:block;visibility:visible;right:55px;opacity:1}

.float-menu .scroll-btn .qrcode-btn {background-position: 0 -100px;}
.float-menu .scroll-btn .qrcode-btn:hover {background-position: -50px -100px;}
.float-menu .scroll-btn .sina-btn {background-position: 0 -150px;}
.float-menu .scroll-btn .sina-btn:hover {background-position: -50px -150px;}
.float-menu .scroll-btn .share-btn {background-position: 0 -200px;}
.float-menu .scroll-btn .share-btn:hover {background-position: -50px -200px;}
.float-menu .scroll-btn .scroll-top-btn {background-position: 0 -250px;}
.float-menu .scroll-btn .scroll-top-btn:hover {background-position: -50px -250px;}



/*΢�ŷ�������ά��*/
.jsmodern-share {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 335px;
    z-index: 999999;
    background: #fff;
    border: #ddd solid 1px;
    border-radius: 10px;
    box-shadow: #ddd 0 0 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.jsmodern-share p {
    display: block;
    height: 20px;
    text-align: center;
    font-size: 18px;
    margin: 15px 0 20px 0;
}
.jsmodern-share b {
	position:absolute;
	width:20px;
	height:20px;
	background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);
	right:4px;
	top:4px;
	cursor:pointer;
	color:#ccc;
	opacity:.1;
	transition:.1s
}
.jsmodern-share b:hover {
	opacity:.5
}
.jsmodern-share div {
    width: 260px;
    height: 260px;
    margin: 0 auto;
}