@charset "utf-8";
@import url("../common.css");

.box{width:960px;margin:20px auto 50px;overflow:auto;zoom:1;}
.box1{width:640px;padding-bottom:20px;float:left;}
.box2{width:300px;float:right;border-left:#ddd 1px solid;}

#commend_box{width:960px;padding:20px 0 50px;margin:0 auto;font-size:12px;overflow:hidden;}
#commend_box .more{text-align:center;margin-top:30px;}
#commend_box .more a{font-size:16px;padding:6px 25px;background:#06c;color:#fff;border-radius:3px;}

#commend{height:565px;width:1000px;}
#commend .item{display:inline;background:#f5f5f5;width:220px;height:242px;border-right:#ddd 1px solid;border-bottom:#ddd 1px solid;padding:10px 0 10px 10px;float:left;margin:10px 12px 10px 0;position:relative;}
#commend div{height:22px;}
#commend h4{float:left;font-size:14px;line-height:16px;}
#commend h4 a{color:#000;}
#commend small{display:block;position:absolute;top:0;right:-1px;width:35px;height:35px;font-size:0;}
#commend small a{display:block;padding-top:35px;height:0;overflow:hidden;background:url(/cn/style/index_commend_rss.gif) 0 0 no-repeat;}
#commend small a:hover{background:url(/cn/style/index_commend_rss.gif) 0 -35px no-repeat;}
#commend ul{line-height:20px;height:200px;}
#commend ul .new{background:url(/cn/style/icon_new.gif) 0 3px no-repeat;padding-left:13px;}
#commend ul a:link{color:#06c;}
#commend ul a:hover{text-decoration:underline;}
#commend ul a:visited{color:#666;}
#commend span{display:block;text-align:right;margin-top:3px;padding-right:10px;}
#commend span a{color:#999;text-decoration:underline;}

#slides{position:relative;width:300px;height:330px;overflow:hidden;}
.slides_container {width:300px;height:330px;}
.slides_container .item {width:300px;display:block;text-align:center;}
.slides_container .item img{max-width:300px;height:210px;}
.slides_container .item h3{font-size:18px;line-height:20px;height:20px;overflow:hidden;margin:15px 0 5px;padding-left:15px;}
.slides_container .item p{line-height:22px;color:#999;padding-left:15px;text-align:left;}
.prev{position:absolute;right:13px;bottom:0;padding-top:15px;height:0;width:8px;overflow:hidden;font-size:0;background:url(../pn.gif) no-repeat;}
.next{position:absolute;right:0;bottom:0;padding-top:15px;height:0;width:8px;overflow:hidden;font-size:0;background:url(../pn.gif) right 0 no-repeat;}
.prev:hover{background:url(../pn.gif) 0 bottom no-repeat;}
.next:hover{background:url(../pn.gif) right bottom no-repeat;}
.pagination{height:8px;width:48px;position:absolute;bottom:0;right:0;}
.pagination li{float:left;display:inline;width:8px;height:8px;margin-left:4px;background:url(../pn_ico.gif) no-repeat;}
.pagination li a{float:left;width:8px;height:0;padding-top:8px;overflow:hidden;background:url(../pn_ico.gif) no-repeat;}
.pagination .current a {background:url(../pn_ico.gif) right 0 no-repeat;}

.news{margin-top:15px;}
.news h4{font-size:16px;line-height:18px;height:25px;border-bottom:#06c 1px solid;margin-bottom:10px;padding-left:15px;}
.news ul{line-height:24px;font-size:12px;padding-left:15px;}
.news ul li{vertical-align:middle;}
.news small{color:#999;}

#detail .tit{font-size:20px;line-height:24px;text-align:center;}
#detail .con{line-height:22px;padding:15px 0;margin:0 0 15px 0;width:640px;overflow:hidden;}
#detail .con p{margin-bottom:10px;}
#detail .con img{max-width:640px;}
* html #detail img{width:expression(this.width > 640 ? 640 : true);} 
#detail .meta{background:#F4FAFF;padding:5px 10px;overflow:auto;zoom:1;}
#detail .meta p{float:left;line-height:20px;width:480px;font-size:12px;overflow:hidden;word-break:break-all;}
#detail .meta .share{float:right;}
#detail .meta .share span{float:left;line-height:24px;}
#detail .meta .share div{float:left;margin-right:5px;}

#comment{background:#F5F5F5;padding-bottom:5px;}
#comment h4{font-size:14px;margin-top:30px;padding:7px 10px;background:#eee;border-bottom:#ddd 1px solid;}

#news_a{margin:15px 0;}
#news_a h4{font-size:16px;line-height:18px;height:25px;border-bottom:#06c 1px solid;margin-bottom:10px;}
#news_a ul li{line-height:24px;}
#news_a ul li small{color:#999;}