@charset "utf-8";
/* CSS Document */

a{color:#146c88;}

/* 阅读页面顶部操作中的样式 Top Shop Css */
.readshop{
	position:relative;
	z-index:1;
	height:35px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background:url(../images/reading/reading-top-bg.png) repeat-x;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
}
/* End */
.readshop .shop1,
.readshop .shop2,
.readshop .shop3{
	float:left;
	height:35px;
	border-right:solid 1px #ccc;
	padding:0 10px;
}
.readshop li{
	float:left;
	height:26px;
	background:url(../images/reading/readshop-icons.png) no-repeat;
	line-height:26px;
}
.readshop li a{color:#333;}
.readshop li a:hover{color:#33bbd9;}

.readshop .shop1{padding-left:0;}
.readshop .shop1 li{margin-top:5px; padding:0 20px 0 26px;}
.readshop .shop1 li.nobg{
	margin-top:2px;
	padding:0 20px 0 0;
	background:none;
}
.readshop .shop1 li.like  {background-position:-32px 0;}
.readshop .shop1 li.share {background-position:-32px -52px;}
.readshop .shop1 li.like:hover  {background-position:-32px -26px;}
.readshop .shop1 li.share:hover {background-position:-32px -78px;}

.readshop .shop2 li{
	width:32px;
	height:26px;
	margin:4px 5px 0;
	cursor:pointer;
}

.readshop .shop2 li.zoomb,
.readshop .shop2 li.no-zoomb{background-position:0 0}
.readshop .shop2 li.zooms,
.readshop .shop2 li.no-zooms{background-position:0 -52px;}
.readshop .shop2 li.zoomb:hover {background-position:0 -26px}
.readshop .shop2 li.zooms:hover {background-position:0 -78px;}
.readshop .shop2 li.fullscreen{background-position:0 -104px;}
.readshop .shop2 li.fullscreen:hover{background-position:0 -130px;}
.readshop .shop2 li.escscreen{background-position:0 -156px;}
.readshop .shop2 li.escscreen:hover{background-position:0 -182px;}
.readshop .shop2 li.smallimg{background-position:0 -364px;}
.readshop .shop2 li.smallimg:hover{background-position:0 -390px;}
.readshop .shop2 li.escsmallimg{background-position:0 -416px;}
.readshop .shop2 li.escsmallimg:hover{background-position:0 -442px;}
/* 禁止不可使s用状态 */
.readshop .shop2 li.no-zoomb,
.readshop .shop2 li.no-zooms{opacity:0.5; cursor:default;}

.readshop .shop3 li{margin-top:2px;}
.readshop .shop3 li.paging{background:none; padding-right:10px;}
.readshop .shop3 li.paging input{
	width:33px;
	height:26px;
	border:none;
	background:url(../images/reading/readshop-icons.png);
	vertical-align:middle;
	cursor:pointer;
}
.readshop .shop3 li input.prevsmall,
.readshop .shop3 li input.no-prev{background-position:0 -260px;}
.readshop .shop3 li input.nextsmall,
.readshop .shop3 li input.no-next{background-position:0 -312px;}
.readshop .shop3 li input.prevsmall:hover{background-position:0 -286px;}
.readshop .shop3 li input.nextsmall:hover{background-position:0 -338px;}
.readshop .shop3 li.pages{background-position:-32px -156px; padding-left:26px;}
.readshop .shop3 li.text{background:none; margin:2px 5px 0 0;}
.readshop .shop3 li.text input{
	width:33px;
	height:18px;
	border:solid 1px #ccc;
	background:white;
	vertical-align:middle;
	text-align:center;
}
.readshop .shop3 li.text input:focus{border-color:#f39800;}
.readshop .shop3 li.btns{
	background:none;
	padding-top:3px\0;
}
.readshop .shop3 li.btns input{
	width:26px;
	height:22px;
	border:none;
	background:url(../images/reading/readshop-icons.png) -32px -106px;
	vertical-align:middle;
	cursor:pointer;
}
.readshop .shop3 li input.no-prev,
.readshop .shop3 li input.no-next{opacity:0.5; cursor:default;}

.readshop .shop4{float:right; height:35px;}
.readshop .shop4 li.inform{
	width:32px;
	height:26px;
	background-position:0 -208px;
	margin-top:4px;
	cursor:pointer;
}
.readshop .shop4 li.inform:hover{background-position:0 -234px;}
.readshop .shop4 li.btns{padding:3px 0 0 10px; background:none;}
/* End */

/* 文章标题以及内容 */
.doctopic{position:relative; overflow:hidden;}
.doctopic h1{
	float:left;
	padding:6px;
	font:16px/22px "微软雅黑";
	color:#666;
}
.doctopic h1 img{
	float:left;
	width:24px;
	height:24px;
	margin:0 6px 0 0;
}
.doctopic .starlevel{
	float:right;
	margin-right:50px;
	padding:13px 0 0;
}
.docoutline{
	display:none;
	position:relative;
	clear:left;
	padding:10px;
	border-top:dotted 1px #ccc;
	line-height:2;
	color:#666;
	overflow:hidden;
}
.docoutline .outline{text-indent:0em;}
.docoutline .attribute{padding:10px 0; color:#999;}
.docoutline .attribute span{padding:0 10px;}

.doctopic .switch,
.docoutline .switch{
	position:absolute;
	z-index:1;
	right:0;
	bottom:0;
	width:40px;
	height:40px;
	cursor:pointer;
}
.doctopic .switch{background:url(../images/icons/slideDown.png) no-repeat center center;}
.docoutline .switch{background:url(../images/icons/slideUp.png) no-repeat center center;}

.document{
	margin:0 auto;
	width:650px;
	padding:20px;
	font-size:14px;
	line-height:2;
	color:#666;
	text-indent:2em;
}

/* 缩略图模式 */
.smallimg{overflow:hidden;}
.imgtxt07 li{
	position:relative;
	float:left;
	background-color:white;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
	width:160px;
	overflow:hidden;
}
.thumb_selected{border:solid 1px #f39800;}
.thumb_normal{border:solid 1px #ccc;}
.imgtxt07 em{
	display:block;
	position:absolute;
	right:1px;
	bottom:1px;
	border-top-left-radius:5px;
	background:rgba(0,0,0,0.5);
	padding:2px 5px;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-size:12px;
}
.imgtxt07 .thumb_over{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(116,168,232,0.5);
	
}
.imgtxt07 .thumb_out{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.it07w988 li,
.it07w988 li img{}

.it07w1020 li,
.it07w1020 li img{}

.it07w1220 li,
.it07w1220 li img{}


/* End*/