@charset "gb2312";
/* css document */
.pr40 { padding-right: 40px;}

.toptitle { background: #fff; border-top:#005dc5 solid 4px; border-bottom: #f1f1f1 solid 1px; width: 100%; height: 65px; z-index: 2; position: fixed; top: 0; left: 0; display: none;}
#toptitle { line-height: 60px; text-indent: 2em;}
#toptitle strong { font-weight: 600;}
.outofview { visibility: hidden;}

.subtext { color:#aaa;}
.subtext span { font-size:16px; padding-right:10px;}
#abs { background-color:#fff; color:#999; padding:20px 30px; font-size:16px; line-height:1.8em; text-align:justify;}
.tools { padding:16px 0; border-top:#eee solid 1px; text-align:right;}
.title p { font-size:18px; padding-bottom:10px;}
#artibodytitle { color: #3a3a3a; font-size:40px; font-weight: 600; padding-bottom:15px;}
#comt { float:right; width:120px; display:none;}
#comt span { color:#aaa;}
.gotocomt { width:18px; height:21px; background-position:-207px -205px; display:block; text-align:left; text-indent:-999px; overflow:hidden; float:right; margin-left:6px;}
.gotocomt:hover { background-position:-207px -175px;}
#artibody { margin-top:20px;}
#artibody,#artibody div span { color:#333; font-size:18px;}
#artibody a { color:#333; border-bottom:#333 solid 1px;}
#artibody a:hover { color:#00adec; border-color:#00adec;}
#artibody p { line-height:2em; padding:.6em 0; text-align:justify;}
#artibody p span { line-height: 2em;}
#artibody p strong,#artibody strong,#artibody p strong span { font-weight: 600;}
#artibody p.from,#artibody p.from a { color:#f8f8f8; border:none;}
#artibody img { width:auto; max-width:100%; height:auto; width:auto\9; /* ie8 */}
#news_more_page_div_id { font-size:14px;  color:#999;}
#news_more_page_div_id a { color:#666; text-decoration:none; border:none;}
.player {position: relative;width:640px; margin:10px auto;}
.author { overflow: hidden;}
.author span { padding:2px 8px;}
.author a,.author span { float: right;}
.gotonews { background-color:#d2d2d2;  font-size:14px; padding:2px 6px; color:#fff; border-radius: 4px;}
.gotonews:hover { background-color:#005dc5; color:#fff;}

#link a { display: block; padding-bottom: 12px;}

.sidebar img { width: 100%;}
.piclist li { padding-top: 10px; overflow: hidden;}
.piclist li img { width: 100%;}
.piclist li p { padding:5px 0 10px;}
.littpicnews ul {}
.littpicnews li { width: 48%; margin-right: 2%; padding-top: 10px; overflow: hidden;}
.littpicnews li img { height: 110px; margin-bottom: 6px;}

#gotop { width: 48px; height: 48px; background: #e3e3e3; border-radius: 100%; color: #fff; cursor: pointer;}
#gotop:hover { background-color: #005dc5;}
.layui-icon-up { font-size: 30px; padding-left: 10px;}

.box { position: fixed; top:300px; right:50%;  margin-right: -270px;}
.box > div { background-image: url(/uploads/image/nc106images/icon.png); background-repeat: no-repeat; width: 48px; height: 48px; cursor: pointer; border-radius: 100%; margin-bottom: 10px;}
#share-qrcode { background-position: right 0;}
#share-sina { background-position: right -48px; }
#share-qq { background-position: right -96px; }
#share-douban { background-position: right -144px; }
#share-qzone { background-position: right -192px; }
.box > div#share-qrcode:hover { background-position:left 0; }
.box > div#share-sina:hover { background-position: left -48px; }
.box > div#share-qq:hover { background-position: left -96px; }
.box > div#share-douban:hover { background-position: left -144px; }
.box > div#share-qzone:hover { background-position: left -192px; }

.topad img { width: 100%;}

@media screen and (max-width: 768px) {
	#artibody img,.player { width: 100%;}
	.pr40 { padding: 0;}
	#artibodytitle { font-size: 28px;}
	.subtext { margin-bottom: 20px;}
	#abs { padding: 10px 20px;}
	#artibody { margin: 0;}
	.toptitle .logo,#gotop { display: none;}
	.toptitle { height: auto;}
	.subtext { overflow: hidden;}
	.box { right:0; margin-right: 0; opacity: .6;}
	.box > div { margin-left: 0; margin-right: 10px;}
}