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


.mod-news:after,.mod-pic:after {content:"."; display:block;	height:0; clear:both; visibility:hidden;}
.mod-news,.mod-pic {display:inline-block;}  
.mod-news,.mod-pic {display:block;}

/*===============新闻列表底层==================*/

/*   
    <ul class="mod-news mod-news-1222">
        <li><span class="time">2011-07-05</span><a href="#" target="_blank">标题</a></li>
    </ul> 
*/
.mod-news-1222{}
.mod-news-1222 li{ font-size:12px; height:22px; line-height:22px;}
.mod-news-1222 li a{}
.mod-news-1222 li .time{float:right; display:inline;}

.mod-news-1424{}
.mod-news-1424 li{ font-size:14px; height:24px; line-height:24px;}
.mod-news-1424 li a{}
.mod-news-1424 li .time{float:right; display:inline;}


/*===============图片列表底层==================*/



/*

	
    <ul class="mod-pic tp-120090">
        <li><a href="#" target="_blank"><img src="images/img_120_90.jpg"><cite>标题</cite><i></i></a></li>
    </ul> 
*/
.mod-pic{clear:both;}
.mod-pic li{float:left; display:inline;}
.mod-pic li a{position:relative;}
.mod-pic li img{display:block;}
.mod-pic li cite{display:block; text-align:center; }/*标题*/
.mod-pic li a:hover cite{text-decoration:underline;}
.mod-pic li i{position:absolute; display:block; cursor:pointer; z-index:2;}/*遮罩层 或 小图标*/


/*标题行数不确定时使用
    <ul class="mod-pic-table tp-120090">
        <li><a href="#" target="_blank"><img src="images/img_120_90.jpg"><cite>标题</cite><i></i></a></li>
    </ul> 
*/
.mod-pic-table{font-size:0; letter-spacing:-3px;}
.mod-pic-table li{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1; font-size:12px;}
.mod-pic-table li a{position:relative;}
.mod-pic-table li img{display:block; vertical-align:bottom;}
.mod-pic-table li cite{display:block; text-align:center; }/*标题*/
.mod-pic-table li a:hover cite{text-decoration:underline;}
.mod-pic-table li i{position:absolute; display:block; cursor:pointer; z-index:2;}/*遮罩层 或 小图标*/

/*
    <ul class="mod-pic-01 tp-120090">
        <li><a href="#" target="_blank"><img src="images/img_120_90.jpg"><cite>标题</cite><i></i></a></li>
    </ul> 
*/
.mod-pic-01{clear:both;}
.mod-pic-01 li{float:left; display:inline;}
.mod-pic-01 li a{position:relative; display:block;}
.mod-pic-01 li img{display:block;}
.mod-pic-01 li i{height:22px; line-height:22px; display:block; background:#000; filter:alpha(opacity=60);  -moz-opacity: 0.6;  opacity: 0.6; z-index:3; left:0px; bottom:0px; z-index:2; position:absolute;}/*半透明底 */
.mod-pic-01 li cite{display:block; text-align:center; left:0px; bottom:0px; color:#fff; z-index:3; position:absolute;}/*半透明底上 标题*/





/*图文模板*/
/*
	<div class="mod-img-txt">
		
		<div class="main-img">
			<a href="#" target="_blank"><img src="images/img_108_70.jpg" width="108" height="70"></a>
		
		</div>
		<div class="main-title">
			<h5>标题</h5>
			<a href="#" target="_blank">详细描述</a>
		</div>

	</div><!--end .mod-img-txt-->     
*/


.mod-img-txt{ padding-bottom:5px;}
.mod-img-txt h3{ color:#190000; font-size:14px; font-weight:bold; line-height:25px; height:25px;}
.mod-img-txt .main-img{float: left; width: auto; padding:5px 8px 8px 0;}
.mod-img-txt .main-img img{vertical-align:bottom;}
.mod-img-txt .main-txt{ line-height:22px;}
.mod-img-txt .main-txt h5{ color:#b8510c; font-size:12px; font-weight:normal; line-height:26px;}
.mod-img-txt .main-txt a{color:#848585;}


/*
	图片列表通用规格底层 temp-pic
	图片尺寸：120×90
*/
.tp-120090{}
.tp-120090 li{width:120px;}
.tp-120090 li a{}
.tp-120090 li img{width:120px; height:90px;}
.tp-120090 li a cite{line-height:22px; width:120px;}
.tp-120090 li i{ width:120px;}



/*图片列表皮肤 根据案例重构*/
ul.theme-pic-120090{ clear:both;}
ul.theme-pic-120090 li{ width:126px; height: overflow:hidden; margin-left:15px; margin-bottom:5px;}
ul.theme-pic-120090 li a img{padding:3px; background:url(http://img.haosf.tv/img/shade.png) no-repeat;}
ul.theme-pic-120090 li a cite{width:126px; color:#000;}
ul.theme-pic-120090 li a:hover cite{text-decoration:none; color:#cd4205;}
ul.theme-pic-120090 li i{background:url(http://img.haosf.tv/img/shade.png) no-repeat; width:126px; height:96px; top:0px; left:0px;}



.dbtu { width: 950px; height:50px; margin: 0 auto;}
.dbtu img { width: 950px; height:50px; margin: 0 auto;}