/* 头部 */
#header{ text-align:center;  }
#header .back,#header .font,#header .share,#header .discuss{text-indent: -99999px; text-align:left; height:53px;   top:0; overflow:hidden;background:url(images/icons.png) no-repeat;position:absolute; }
#header .back {position: absolute;left: 0px;top: 0px;width: 61px;height: 53px;background-position: 14px -2px;}
.photoCon #header .back {background-position:14px -340px}
#header .font{ right: 202px; width:47px; height:53px; background-position:0 -61px; top:0px;display:block;}
#header .share{right: 133px;width: 46px; background-position: 10px -121px;display:block;}
#header .share #bdshare{ display:none;  }
#header .discuss{right:15px; display:inline-block; width:52px; height:53px; line-height:53px; padding-left:40px; text-indent:0; background-position:0 -175px; font-size:14px;
	font-weight:bold; color:#a3a3a3; text-shadow:1px 1px 0 #E7E9EC;
}
#header .hdTit{ font-size:26px; color:#999; margin:0 auto; text-align:center; line-height:51px; font-weight:normal;}

/* 分享 */
.shareBox{ width: 323px; height: 94px; position:absolute; top:40px; right: 121px; overflow:hidden;display:none;}
.shareBox i{ position:absolute; right:26px; top:5px; display:block; width:20px; height:20px; border-style:solid; border-color:transparent; border-width:1px; border-left-color:#b4b6bb; border-top-color:#b4b6bb;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); box-shadow:-1px -1px 1px #c9c9ca; background:-webkit-gradient(linear,left top,right bottom,from(#fff),to(#f8f8f8));background:-moz-linear-gradient(left -45deg,#fff,#f8f8f8);}
.shareBox .shareCon{ padding: 13px 0 0 14px; width: 304px; height: 53px; border:1px solid #b4b6bb;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 3px #c9c9ca; box-shadow:0 0 3px #c9c9ca; margin: 16px 0 0 3px;background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#e9e9e9));background:-moz-linear-gradient(top, #fcfcfc, #e9e9e9);}


/*字体*/
.fontBox{ width:195px; height:82px; position:absolute; top:40px; right: 192px; overflow:hidden;display:none;}
.fontBox i{ position:absolute; right:26px; top:5px; display:block; width:20px; height:20px; border-style:solid; border-color:transparent; border-width:1px; border-left-color:#b4b6bb; border-top-color:#b4b6bb;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); box-shadow:-1px -1px 1px #c9c9ca; background:-webkit-gradient(linear,left top,right bottom,from(#fff),to(#f8f8f8));background:-moz-linear-gradient(left -45deg,#fff,#f8f8f8);}
.fontBox .fontCon{ width:186px; height:61px; border:1px solid #b4b6bb;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 3px #c9c9ca; box-shadow:0 0 3px #c9c9ca; margin:15px 0 0 3px;background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#e9e9e9));background:-moz-linear-gradient(top, #fcfcfc, #e9e9e9);}
.fontBox li{ width:61px; height:61px; border-right:1px solid #b4b6bb; float:left; text-align:center; line-height:61px;}

.fontBox li.sFont{ font-size:14px;}
.fontBox li.mFont{ font-size:17px;}
.fontBox li.bFont{ font-size:21px;}
.fontBox li.cur {font-weight:bold;color:#06c;}


/* 文章内容页  ================ */

#articleScroller{  position:absolute; top:120px; bottom:20px; left:0; right:0;  }
#theList { 	padding-bottom:40px; min-height:600px;  }

.articleCon h1{ font-size:28px; color:#000; text-align:center; line-height:1.8; }
.articleCon .summary{ text-align:center; width:100%; padding-bottom:30px; margin-bottom:23px;}
.articleCon .summary span{ margin:0 10px; font-size:15px; color:#797979;}
.articleCon .summary span a { font-size:15px; color:#797979;}

.articleCon .articleText{ text-align:left;}
.articleCon .articleText strong{ text-align:left; padding:0 20px;}
.articleCon .articleText p strong{padding:0;}
.articleCon .articleText p,.articleCon .articleText{ line-height:180%; font-size:16px; margin-bottom:25px; text-align:left;padding:0 20px;}
.articleCon .articleText p.pictext {text-align:center;}
.articleCon .articleText img{ max-width:600px; height:auto; overflow:hidden; margin:0 auto 10px;display:block;}
.articleCon .articleText .sFont,.articleCon .articleText .sFont p,.articleCon .articleText .sFont strong{font-size:14px;}
.articleCon .articleText .mFont,.articleCon .articleText .mFont p,.articleCon .articleText .mFont strong{font-size:16px;}
.articleCon .articleText .bFont,.articleCon .articleText .bFont p,.articleCon .articleText .bFont strong{font-size:18px;}



/* 查看评论页 ================ */

/* 评论列表 */
#commentScroller{ position:absolute; z-index:0; top:78px; bottom:62px; left:0; right:0; }

.commentListBox{ padding:20px 30px;  }
.commentListBox .hd{
	height: 26px; line-height: 26px; padding:0 0 12px 10px;  background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fbf8f7));
	border-bottom: 1px solid #e2d4d2;font-size:18px; font-weight:bold; color:#A13F2F; 
}
.commentListBox .bd li{ padding:20px 10px; border-bottom:1px dashed #ccc;  }
.commentListBox .bd li .info{ overflow:hidden; font-size:14px;  }
.commentListBox .bd li .info .name{ float:left; color:#247eca; font-weight:bold;  }
.commentListBox .bd li .info .date{ float:right; color:#999;  }
.commentListBox .bd li .content{ padding-top:10px;  font-size:16px; line-height:24px; color:#454545;   }
.commentListBox .bd li .reply{ padding:10px; background:#f4f4f4; margin:10px 10px 0 10px;    }
.commentListBox .bd li .quote{ padding:10px; border:1px dotted #ccc; margin-top:10px; color:#999;    }

.commentListBox .action{ display:none; padding-top:10px; overflow:hidden;   }
.commentListBox .action a{ 
	display:block; float:left; margin-right:10px; 
	width: 90px; border:#ccc 1px solid; text-align: center; color:#333; font-size: 1em; height: 30px; line-height: 30px; 
	border-radius:4px; 
	box-shadow: inset 0px 1px 0px #fff;
    background: -webkit-linear-gradient(top,#f4f4f4,#ccc);
    background: -moz-linear-gradient(top,#f4f4f4,#ccc);
}
.commentListBox .action a:active {
	border-color:#ffc0a2; 
    background: -webkit-gradient(linear,0 0,0 100%,from(#ccc),to(#f4f4f4)); 
    background: -moz-linear-gradient(top,#ccc,#f4f4f4); }

.commentListBox .cateBtn{ margin:40px auto 0 auto;  width:50%; text-align:center; border:1px solid #ddd; background:#f3f3f3;
	font-size:20px; font-weight:bold; height:50px; line-height:50px;  
	-webkit-box-shadow: #ccc 2px 2px 2px;
	-moz-box-shadow: #ccc 2px 2px 2px;
	box-shadow: #ccc 2px 2px 2px;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
}

/* 添加评论 */
.postComment{ 
	width: 100%; position:absolute;  z-index:1; left: 0; bottom: 0; background: -webkit-gradient(linear,0 0,0 100%,from(#fbfbfb),to(#b1b3b9)); 
	overflow: hidden; padding: 12px 0; border-top: 1px solid #b2b3b5; border-bottom: 1px solid #5e6167; box-shadow: 0 -1px 3px #ddd;
}
.postCommentIn{ padding:0 85px 0 55px;  }
.postComment textarea{ resize: none; height: 20px; padding:1%; width:98%;  box-shadow: #bdbfc3 1px 1px 3px inset; 
	-webkit-box-shadow: #bdbfc3 1px 1px 3px inset; border: 1px solid #a0a4ae; 
	border-radius: 5px; font-size: 16px; color: #747474; line-height: normal; 
	-webkit-transition:0.5s ease all;  -moz-transition:1s ease all; 
}
.postComment textarea:focus{ height:80px;  }

.postComment .comment_submit{
	position:absolute; right:10px; top:15px; text-align: center; color: #fff; font-size: 14px; 
	text-shadow: 1px 1px 1px #0d68a4; width: 60px; padding: 6px 0; border-radius: 4px; border: 1px solid #2876ac;
	background: -webkit-gradient(linear,0 0,0 100%,from(#58b0e2),to(#1b89d2)); box-shadow: #1d91d8 0px 0px 1px inset,1px 1px 1px #fff; 
}

.postComment .commIco{ position:absolute; top:15px; left:10px; display: block; width: 29px; height: 29px; background:url(images/icons.png) 0 -508px no-repeat;  }

/* 图片-内容页 ================ */
.imgView{margin:0 auto;overflow:hidden;position:relative;width:90%;}
.imgView .intro {display:none;}
.imgView ul {position:relative;z-index:0;}
.imgView li {float:left;width:100%;overflow:hidden;text-align:center;}
.imgView img {max-width:100%;margin:20px auto;vertical-align:middle;}

.imgInfo {font-size:14px;color:#fefefe;text-align:left; line-height:1.8;position:relative;padding:20px 64px 30px 161px; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#222), to(#444));
	background: -webkit-linear-gradient(#222, #444);
	background: -moz-linear-gradient(#222, #444);
}
.imgInfo  h4 {display:inline;font-size:20px;font-weight:normal;}
.imgInfo  p{ padding:10px 0 0;}
.picTotal {display:inline-block;font-family:arial;font-size:40px;position:absolute;top:10px;left:64px; font-weight:lighter;}
.picTotal strong {font-weight:normal; font-size:40px;}


