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

.specialWrap { width: 100%; min-width: 1200px; background-position: center top; background-repeat: no-repeat; overflow: hidden; padding-bottom: 40px;}
.ztHeader { height: 500px; clear: both;}

.ztVideoBox { width: 1000px; height: 560px; margin: 40px auto; clear: both; overflow: hidden; background: #000000;}

.ztPicBox { width: 950px; height: 340px; overflow: hidden; padding: 25px 25px; margin: 0 auto 30px auto;}
ul.ztPicList { width: 965px;}
ul.ztPicList li { float: left; margin-right: 15px; margin-bottom: 15px; position: relative; overflow: hidden;}
ul.ztPicList li.picB,ul.ztPicList li.picB img { width: 500px; height: 341px;}
ul.ztPicList li.picS,ul.ztPicList li.picS img { width: 210px; height: 163px;}

ul.ztPicList .tit { position: absolute; z-index: 2; background-color: #ffffff; bottom: 0; left: 0;}
ul.ztPicList li.picB .tit {width: 460px; padding: 12px 20px 18px 20px; font-size: 24px;}
ul.ztPicList li.picS .tit { width: 190px; padding: 12px 10px 18px 10px;font-size: 16px;}
ul.ztPicList li.picB .tit span { display: block;   line-height: 30px; height: 30px;  overflow: hidden;}
ul.ztPicList li.picS .tit span { display: block;  line-height: 18px; height: 18px; overflow: hidden;}
ul.ztPicList li .playIco {  display: none; position: absolute; left: 0; top: 0; z-index: 1; background:url(../images/transparent_bg.png) repeat 0 0;}
ul.ztPicList li.picB .playIco { width: 500px; height: 341px; }
ul.ztPicList li.picS .playIco { width: 210px; height: 163px; }
ul.ztPicList li.picB .playIco img { width: 70px; height: auto; float: left; margin-top: 100px; margin-left: 215px;}
ul.ztPicList li.picS .playIco img { width: 35px; height: auto; float: left; margin-top: 40px; margin-left: 90px;}
ul.ztPicList li a:hover .playIco { display: block;}
ul.ztPicList li.picB a:hover .tit span,ul.ztPicList li.picS a:hover .tit span { height: auto; }

.ztPlBox { width: 950px; margin: 0 auto; background-color: #ffffff; overflow: hidden; padding: 0 25px;}

.ztPlBox .commentBox {/* width: 770px;*/ width: 950px; }
.ztPlBox .commentBox textarea { /*width: 748px;*/ width: 928px;}
.ztPlBox .commentBox2  {/*width: 710px;*/ width: 890px;}
.ztPlBox .commentBox2 textarea {/*width: 688px;*/ width: 868px;}

.speciaConWrap { width: 1000px; margin: 0 auto; padding: 0 4px;}
.speciaCon {box-shadow:0 0 4px #cccccc; background-color: #ffffff; width: 960px; margin: 0 auto 40px auto; padding: 15px 20px 30px 20px; overflow: hidden; line-height: 30px; font-size: 18px;}

.speciaCon p { padding: 10px 0;}
.speciaCon h1 { font-size: 30px; line-height: 40px; padding: 5px 0;}
.speciaCon .pubdate { color: #aab0b7; font-size: 14px; line-height: 20px; padding-bottom: 10px;}
.speciaCon img { max-width: 100%; height: auto;}