﻿/*
			专 题 页 通用样式 11.30 
*/

/*……——--------------列表----------------------……*/
#content{background:#fff;padding:10px 14px;width:952px;overflow:hidden;min-height: 400px;}
.side{ float:left;width:199px;}
.main{float:right;width:742px;}


.photo{border:solid 1px #d4d4d4; width:199px;}
.photo h3{background:url(../img/zty_list_04.jpg) no-repeat; height:31px; padding-left:35px; font-size:12px; font-weight:bold; color:#333; line-height:31px;}
.zty_mainphoto_imgnews ul{ margin:1px; background:#f6f6f6; padding:6px 22px;}
.photo ul li img{ width:150px; height:111px; padding:1px;border:solid 1px #ccc; background:#fff;}
.photo ul li a:hover img{border:solid 1px #999;}
.photo ul li{margin-bottom:10px; text-align:center;}
.photo ul{padding:6px 10px;}
.hotBox{background:#fff url(../img/zty_list_02.jpg) 1px 1px no-repeat;border:solid 1px #d4d4d4;}
.hotBox h3{ margin-top:5px; margin-bottom:20px; line-height:30px; height:30px; padding-left:60px; font-size:14px; *line-height:35px;}
.hotBox ul li{margin-bottom: 10px;line-height: 22px;overflow:hidden;height:100%;padding-left:20px;background: url(../img/zty_list_05.jpg) 0 6px no-repeat;}
.hotBox ul li a{ float:left;}
.hotBox ul li a:hover{ text-decoration:underline;}
.hotBox ul li.spa{ margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #ccc; height:30px; line-height:30px;}
.hotBox ul { padding:10px;}
.hotBox ul li i{color:#888;font-style:normal; display:inline; width:60px;}


.mainBox{ background:#fff url(../img/zty_list_02.jpg) 1px 1px no-repeat; border:solid 1px #d4d4d4;}
.mainBox h3{ margin-top:5px; margin-bottom:20px; line-height:30px; height:30px; font-size:14px; *line-height:35px;}
.mainBox .infoList li{height:30px;/* text-align:right; */line-height:30px;overflow:hidden;height:100%;padding-left:20px;background:url(../img/zty_list_05.jpg) 0 11px no-repeat;}
.mainBox .infoList li a{ float:left;}
.mainBox .infoList li a:hover{ text-decoration:underline;}
.mainBox .infoList li.split{margin-bottom:10px;padding-bottom:10px;border-bottom:dashed 1px #ccc;height: 0px;line-height:30px;background:none;}
.mainBox .infoList { margin:0 30px; padding:10px;}
.mainBox .infoList li i{color:#888;font-style:normal; display:inline; width:60px;}

.mainBox .mHd .path{float:right; line-height:30px; padding-right:10px; }

/*……——--------------分页----------------------……*/
.c_spacing { padding-bottom:6px;}
.class_page { text-align:center; line-height:30px;}

/* 列表页 */

.mainBox .mHd{  height:36px; line-height:36px; padding:0 0 3px 49px; background:url(../img/zbg.gif) no-repeat left top;}
.mainBox .mHd h3{color:#333; font-size:14px; font-weight:bold;}
.mainBox .mHd .path{float:right; }
.mainBox .mBd .infoList li span{ float:right;}
.mainBox .mBd .page{height:35px;line-height:35px;text-align:center;padding: 30px 0;}

/* 内容页 */
.content{ width:628px; padding:32px 20px; overflow:hidden; border:1px solid #cacaa9; border-top:2px solid #da0b03;}
.content .tit{ color:#ff0004; text-align:center; font:18px "微软雅黑";}
.content .tip{ height:30px; line-height:30px; text-align:center; margin:20px 0 23px 0; background:url(../img/migbg.gif) repeat-x left top;}
.content .tip span, .content .tip a{ color:#7f7f7f; margin:0 9px;}
.content #zw_content{ padding:0 12px; height:auto!important; height:600px; min-height:0px;}
.content #zw_content p{ line-height:24px; text-indent:2em;}
.content .bot{ text-align:right; padding:0 15px;}
.content .page span{ color:#ff4500; height:24px; line-height:24px; padding:0 36px; display:block; background:url(../img/upico.gif) no-repeat 17px;}
.content .page .next{ background:url(../img/doico.gif) no-repeat 17px;}

/* 图片-列表页 ----------------------------------------- */
.picPageList{padding: 10px 0 0 20px; overflow: hidden; text-align: center;}
.picPageList li{border: 1px solid #ddd; float: left; width: 21%; margin: 1.5% 3% 2.5% 0; display: inline; position: relative; background: #fff; overflow: hidden;}
.picPageList .pic{margin: 3%;}
.picPageList .pic img{height: 100px; width: 100%;}
.picPageList .title, .picPageList .titleBg{position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.picPageList .titleBg{background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2}
.picPageList .title a{color: #fff; padding: 0 10px; display: block; font-size: 12px}
.picPageList li:hover{border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0;}
.picPageList li:hover .title, .picPageList li:hover .titleBg{height: 56px;}


/* 视频-列表页 ----------------------------------------- */
.vedioPageList{margin-right: -6%; overflow: hidden; text-align: center;}
.vedioPageList li{float: left;width:21%;margin: 1.5% 3% 0.5% 0;display: inline;}
.vedioPageList .pic{background: #fff; border: 1px solid #ddd; position: relative;}
.vedioPageList .pic a{display: block; margin: 3%; overflow: hidden;}
.vedioPageList .pic img{height: auto; width: 100%; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.vedioPageList .title{overflow: hidden;padding-top: 5px;line-height: 24px;height: 27px;text-align: left;font-size: 12px;padding-left: 25px;background: url(../img/icons.png) 0 -242px no-repeat;}
.vedioPageList .pic:hover{border-color: #bbb}
.vedioPageList .pic:hover img{-moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}