@import url(news_layout_common.css);

.new_hot_tab{ width:638px; background:url('../images/news_hot_tab_bd_middle.gif') repeat-y left top;}
.new_hot_tab .middle{ padding:10px; padding-right:0px; background:url('../images/news_hot_tab_bd_title.gif') no-repeat;}
.new_hot_tab .bottom{background:url('../images/news_hot_tab_bd_bottom.gif') no-repeat left bottom; height:8px;}
.new_hot_tab .middle .img{ float:left; padding:10px; padding-left:0px;}
.new_hot_tab .middle .content{float: left; width: 284px;}
.new_hot_tab .middle .content .title_h3{ padding-top:20px; padding-bottom:10px;}
.new_hot_tab .middle .content .des{ padding-top:20px; padding-bottom:4px;}
.new_hot_tab .middle .others{ width:616px; background:url('../images/news_hot_tab_others_bg.gif') no-repeat center top; padding-top:6px;}

.new_hot_tab .middle .others .item{ width:194px; padding-bottom:4px; padding-top:10px; padding-left:10px; float:left; background:url('../images/news_hot_tab_others_item_non.gif') no-repeat 10px top;}
.new_hot_tab .middle .others .current{ background:url('../images/news_hot_tab_others_item_current.gif') no-repeat 10px top;}
.new_hot_tab .middle .others .item img{ display:block; float:left; padding:0; width:60px; height:60px; border:solid 1px #dbdbdb; overflow:hidden;}
.new_hot_tab .middle .others .item p{ width:112px; float:left; padding:2px; padding-left:6px;}
.new_hot_tab .middle .tab2_item
{
 float:left; width:308px; padding:4px 0px; padding-right:4px;
}

.new_hot_tab .middle .tab2_item h2{ background:url('../images/news_hot_tab_2_sub_title.gif'); margin:0; padding:0;  height:25px; width:308px;}
.new_hot_tab .middle .more h3{ width:616px; margin:0px; text-align:right;}
.new_hot_tab .middle .tab2_item h2 span { padding-left:8px; line-height:25px; vertical-align:middle; color:#aa3900; font-size:12px; font-weight:bold;}
.new_hot_tab .middle .tab2_item ul li{ padding:2px;}
.new_hot_tab .middle .tab2_item ul li a{ color:#448aca; text-decoration:none;}
.new_hot_tab .middle .tab2_item ul li a:hover{text-decoration:underline;}
.news_ad_01
{
	margin:10px 0px 10px 0px;	
}
.news_sp{ width:638px;}
.news_sp .top{ width:638px; height:41px; background:url('../images/news_sp_title.gif');}
.news_sp .middle{ width:636px; background:#f7f7f7; border:solid 1px #c6c6c6; border-top:none;}
.news_sp .middle .left{ float:left; width:210px; border:solid 1px #e8e8e8; margin:2px; padding:4px; background:#fff;}
.news_sp .middle .left img{ display:block; width:210px; height:138px; overflow:hidden;}
.news_sp .middle .left h3{ padding:10px 0px 2px 0px; text-align:center;}
.news_sp .middle .left p{ padding:4px 8px 20px 8px; }
.news_sp .middle .right{ float:left; width:400px;}
.news_sp .middle .right .title{ padding:8px 2px 4px 4px;}
.news_sp .middle .right .title em{ padding-right:6px;}
.news_sp .middle .right .title h3{ vertical-align:bottom; line-height:18px;}
.news_sp .middle .right .items{ width:400px;}
.news_sp .middle .right .items .item{ float:left;width:140px;}
.news_sp .middle .right .items .last{ width:120px;}
.news_sp .middle .right .items .item img{ display:block; padding:2px; border:solid 1px #bbbbbb;}
.news_sp .middle .right .items .item h5{ font-size:12px; width:100px; text-align:center; color:#993300; font-weight:normal;}
.news_sp .middle .right .items .item p{ width:100px; padding:4px;}
.news_sp .middle .right .bottom{ width:400px; border-top:solid 1px #d2d2d2;}
.news_sp .middle .right .bottom .item{ width:200px; float:left; padding-bottom:8px;}
.news_sp .middle .right .bottom .item li{ padding:1px;}
.news_sp .middle .right .bottom .item li a{ font-size:12px; font-weight:normal; color:#606060; text-decoration:none;}
.news_sp .middle .right .bottom .item li a:hover{ text-decoration:underline;}

.news_others .middle .bottom_item h3{ margin-left:10px;}
.news_others .middle .bottom_item .items{ clear:both; width:620px; padding-left:8px;}
.news_others .middle .bottom_item .items .item{ border:none; width:194px; margin:2px 4px 8px 4px; float:left;}
.news_others .middle .bottom_item .items .item img { display:block; float:left; border:solid 1px #ececec;}
.news_others .middle .bottom_item .items .item p{ display:block; float:left; width:112px; padding:4px; padding-right:8px; padding-left:12px;}

.new_hot_tab .middle .others .item p a{ text-decoration:none;}
.new_hot_tab .middle .others .item p .icon_more{ float:right;}
.news_newslist{ width:638px; margin:0; padding:0;}
.news_newslist a{ text-decoration:underline;}
.news_newslist .items .item .description p a{ color:#993300; text-decoration:underline;}