@charset "utf-8";

div#share{display: inline-block; position: relative; float: left; }
.share *{margin:0; padding:0; text-decoration:none; }
ul,li{list-style: none;}
.share-icon{display: inline-block;width: 14px; height: 24px; line-height: 24px; background: url("../images/share/icon_16.png") no-repeat center; vertical-align: -25%; *float: left;}
.share-box{display: inline-block;*margin-top:-4px;}
.share-box a{display: inline-block; width: 28px; height: 28px; line-height: 28px; background:url("../images/share/is_24.png") no-repeat; margin-left: 7px; cursor: pointer;}
.share-box a:hover{opacity: .8;}
.share-box a.gwds_weixin{background-position: 0 -198px;}
.share-box a.gwds_tsina{background-position: 0 -118px;}
.share-box a.gwds_qzone{background-position: 0 -238px;}
.share-box a.gwds_douban{background-position: 0 -358px;}

.email .inputEmail{
	width:130px;
	height:22px;
	line-height:22px;
	border:1px solid #dbdbdb;
	vertical-align:middle;
}
.email .btn_mailtj{
	display:inline-block;
	text-align:center;
	width:80px;
	height:26px;
	line-height:22px;
	border:0;
	background:#5689E5;
	vertical-align:middle;
	color:white;
	cursor:pointer;
}
.shareDiv{
	width: 100%; padding: 10px 0px; border-top: 1px solid #dbdbdb; float:left;
}

.jsmodern-share {
	position: fixed;
	bottom: 2%;
	left: 30%;
	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 div {
	width: 260px;
	height: 260px;
	margin: 0 auto;
}

.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
}

@media (max-width:640px){
.shareDiv{display:none}
}