body { margin:0; background:url(../../images/article/bg.jpg) no-repeat top center; font-family:Arial, Helvetica, sans-serif; }
img{border:none;}
#content { margin:20px auto; width:900px; }
.left { float:left;width:70px;}
/*头部*/
#nav { }
#headline { height:200px; width:900px; position: relative; z-index:20; background:url(../../images/article/read_bg.png); height:200px; overflow:hidden; zoom:1;margin-top: 20px; }
#headline .headline_title { background:url(../../images/article/title.png) no-repeat; width:98px; height:24px; position:absolute; top:10px; }
#headline img {float:left;
height:180px;
margin:10px 0 10px 10px;
width:180px; }
#headline .content { float:left; color:white; font-size:12px; width:400px; height:180px; overflow:hidden; margin:10px; }
#headline .content span.word{overflow:hidden; display:block; margin-bottom: 10px; width:400px; height:105px; overflow: hidden; }
#headline .content p,#headline .headline_tilte { margin:0; font-size:18px; font-weight:bold; margin-bottom:5px;color:white; }
#headline .content p a.headline_tilte{height:24px; overflow:hidden; display:block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; /* Opera */ -moz-binding: url('../public/ellipsis.xml#ellipsis'); text-overflow: ellipsis;}
#headline a.btn {background:url("../../images/article/read_package.png") no-repeat scroll -143px -144px transparent;
color:white;
display:block;
height:32px;
line-height:32px;
margin-left:270px;
text-decoration:none;
width:100px;}
#topic { float:right; width:230px; height:180px; margin:10px; background:url(../../images/article/read_bg.png) -580px -260px; overflow:hidden; }
#topic a { list-style:none; width:200px; height:30px; color:#333; text-decoration:none; font-size:12px; line-height:30px; padding-left:100px; display:block; }
/**/
#a_index_search { width:900px; height:40px; background:url(../../images/article/read_bg.png) 0 -200px; margin:20px 0; overflow:hidden; font-size:12px; padding:10px 0; }
#a_index_search a{color:#B00204; text-decoration:none;}
#a_index_search a.searth_btn { background:url(../../images/article/read_package.png) -124px -199px; display:block; width:85px; height:27px; }
#kwName { height:25px; width:200px; padding:0; border:solid 1px #cccdce; }
.bt_indexed { vertical-align: middle; border:none; width:68px; height:27px; background:url(../../images/article/read_package.png) -7px -199px; }
.of { overflow:hidden; zoom:1; }
.leftcontent { width:580px; float:left; }
.left_box { margin-bottom:10px; }
ul.title { overflow:hidden; zoom:1; padding:5px 0 0 5px; margin:0; background:url(../../images/article/read_bg.png) 0 -260px no-repeat; height:30px; display:block; }
ul.title li { float:left; list-style:none; display:block; width:98px; height:30px; text-align:center; line-height:30px; font-size:14px; font-weight:bolder; color:#333; margin-right:3px; }
ul.title li a { color:#333; text-decoration:none; line-height:30px;font-weight: bolder; }
ul.title li.target { background:url(../../images/article/read_package.png) -4px -5px; color:#B00204; }
ul.title li.target a, ul.title li.hover a { color:#B00204; }
ul.title li.hover { background:url(../../images/article/read_package.png) -106px -5px; color:#B00204; }
ul.title li.more{ font-weight:lighter; float:right; width:50px; line-height:26px;}
ul.title li.more a{color:#333; text-decoration:none; font-weight:lighter;}
ul.cont { overflow:hidden; zoom:1; border-left:#bbb 1px solid; border-bottom:#bbb 1px solid; border-right:#bbb 1px solid; padding:0 0 10px 0; margin:0; }
ul.cont li { float:left; display:block; list-style:none; width:278px; margin:10px 0 0 0; padding:0 0 0 10px;}
ul.cont li .left .star_bg { background: url(http://engok.com/images/home/star.png) repeat-x 0px 0px; height: 11px; margin: 4px auto; overflow: hidden; width: 55px; }
a.li_title { display:block; height:16px; overflow:hidden; color:#333; font-size:14px; font-weight:bold; text-decoration:none;line-height:14px; width:190px; }
.li_content { float:left; overflow:hidden; zoom:1; margin-left:10px; width:190px; }
.li_content .info { color:#666; font-size:12px; width:140px; float:left; }
.li_content .info p { margin:2px 0; width:140px; height:14px; }
a.li_btn { width:48px; height:48px; background:url(../../images/article/read_package.png) -10px -89px; display:block; float:right;margin-top: 6px; }
ul.comment{  padding:10px 10px 0 10px; margin:0;overflow:hidden; zoom:1; border-left:#bbb 1px solid; border-bottom:#bbb 1px solid; border-right:#bbb 1px solid;}
ul.comment li{ list-style:none; margin-bottom:10px; width:558px; height:58px; border-bottom:#bbb 1px solid;}
.comm { float:left; color:#666; font-size:12px; height:48px; margin-left:10px; width:500px;}
.comm a{font-size:12px; text-decoration:none; line-height:16px;}
.comm a.name {color:#333; font-weight:bold;}
.comm a.gary{color:#666;text-decoration:none;}
.comm a.comm_cont{color:#333; text-decoration:none;}
.comm a.comm_cont:hover{color:#333;}
.comleft{float:left;width:48px; height:48px;}

#sidebar { width:300px; float:right; }
#sidebar .sbbox{margin-bottom:10px;}
#sidebar .sbtitle{height:30px; border-bottom:5px #838383 solid; margin:0; overflow:hidden; zoom:1; padding:0;}
#sidebar .sbtitle li{display:block;width:98px; height:30px; background:url(../../images/article/read_package.png) -124px -45px no-repeat; padding:0; float:left; text-align:center; line-height:30px; color:#666; font-size:14px; list-style:none;}
#sidebar .sbtitle li a{text-decoration:none;color:#666; font-size:12px;line-height: 30px;}
#sidebar .sbtitle li.middle{margin:0 3px;}
#sidebar .sbtitle li.target{background:url(../../images/article/read_package.png) -8px -47px no-repeat;}
#sidebar .sbtitle li.target a{color:white; font-weight:bold;}
#sidebar ul.sbcont{overflow:hidden; zoom:1; border-left:#bbb 1px solid; border-bottom:#bbb 1px solid; border-right:#bbb 1px solid; margin:0; padding:0; }
#sidebar ul.sbcont li{padding:5px; margin:0; height:64px; width:288px; list-style:none; overflow:hidden; float:left\9;}
#sidebar ul.sbcont li.garybg{background:#f2f2f2;}
#sidebar ul.sbcont li .info{padding-left:10px; float:left; height:64px;width:200px;font-size:12px;color:#666; line-height:20px;}
#sidebar ul.sbcont li .info a{text-decoration:none;font-size:12px;color:#666;}
#sidebar ul.sbcont li .info a.title{display:block; font-size:14px; font-weight:bold; color:#333; line-height:20px; height:16px; width:210px;}
#sidebar ul.sbcont li.avatar{width:64px; height:84px; float:left;}
#sidebar ul.sbcont li.avatar a{text-align:center; text-decoration:none; color:#333; font-size:12px; height:68px; display:block; width:64px;}


/*评论分页*/
.pagination{
padding: 2px;
margin:10px;
text-align:right;
overflow:hidden;
}

.pagination ul{
margin: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
overflow:hidden;
zoom:1;  padding:4px 0;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 3px 6px;
border: 1px solid #eee;
text-decoration: none; 
color: #8B1C0C;
margin:0 4px 0 0;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #8B1C0C;
color: #000;
text-decoration: none;
border: 1px solid #8B1C0C;
}

.pagination li.currentpage{
font-weight: bold;
padding:3px 6px;
border: 1px solid #8B1C0C;
background-color: #8B1C0C;
color: #FFF;
}

.pagination li.disablepage{
padding: 3px 6px;
border: 1px solid #ccc;
color: #929292;
margin:0 4px 0 0;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

.bt_huifu a{color:#8B1C0C;}
.bt_huifu a:hover{text-decoration:none;}