/*the global*/
body{font-size:12px;  font-family: "Microsoft Yahei"; letter-spacing:0px; min-width:1000px; background:url(//ue.17173cdn.com/a/xys/zt/2015/topic/img/body.png) repeat;}
a:focus,a:active,a:hover{ outline:none}

.footer{ margin-top:52px;}
.global-footer{ color:#000; background: #f1f0ec}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#000;}

.ico-quote-l, .ico-quote-r{ vertical-align:middle; display:inline-block; background:url(//ue.17173cdn.com/a/xys/zt/2015/topic/img/sprite-png24.png) no-repeat;}
.ico-quote-l, .ico-quote-r{ width: 20px; height: 14px; position: absolute;}
.ico-quote-l{ background-position: 0 -50px; left:0; top:0;}
.ico-quote-r{ background-position: -30px -50px; right:0; bottom:0;}

.ico1, .ico-face1, .ico-face2, .ico-face3, .ico-prev, .ico-next{ vertical-align:middle; display:inline-block; background:url(//ue.17173cdn.com/a/xys/zt/2015/topic/img/sprite.png) no-repeat;}
.ico1-tit, .ico1-tit1, .ico1-tit2{ width:47px; height:47px;}
.ico1-tit1{ background-position:0 0;}
.ico1-tit2{ background-position:0 -50px;}
.ico1-tit3{ background-position:0 -100px;}

.ico-face1, .ico-face2, .ico-face3{ width:34px; height:34px;}
.ico-face1{ background-position:0 -150px;}
.ico-face2{ background-position:0 -200px;}
.ico-face3{ background-position:0 -250px;}

.ico-prev, .ico-next{ width:14px; height:25px; cursor:pointer; margin-top:45px;}
.ico-prev{ background-position:0 -400px;}
a:hover .ico-prev{ background-position:0 -430px;}
.ico-next {background-position:-20px -400px;}
a:hover .ico-next {background-position:-20px -430px;}

.ico2-arrow-b{ width:0; height:0; font-size:0; line-height:0; border:13px dashed transparent; border-top-style:solid; border-top-color:#000;}

.bt-rss a{ display:inline-block; width:140px; height:45px; background:url(//ue.17173cdn.com/a/xys/zt/2015/topic/img/sprite.png) no-repeat 0 -290px;}
.bt-rss a img{ display:none;}
.bt-rss a:hover{ background-position:0 -340px;}

.comm-mask{ z-index:-1; position:absolute; top:0; left:0; width:800px; height:300px; background:#000; filter:alpha(opacity:50); opacity:.50}
:root .comm-mask{ filter:none \0}

.comm-tit{ font-size:18px; color:#333; font-weight:bold; line-height:40px;}
.comm-tit1{ font-size:16px; color:#333; font-weight:bold; line-height:36px;}
.comm-tit2{ font-size:24px; color:#ab2800; font-weight:bold; line-height:40px;}

.gb-list3{ overflow:hidden; *zoom:1;}
.gb-list3-con{ float:left; overflow:hidden; *zoom:1;}
.gb-list3-c1{ float:left;}
.gb-list3-c2{ overflow:hidden; *zoom:1;}

.comm-tlist{ }
.comm-tlist .gb-list3-con{ width:100%;}
.comm-tlist .gb-list3-c1{ margin-right:20px; text-align:center; padding:6px 0 0 0}
.comm-tlist .gb-list3-c1 a {display:block;}
.comm-tlist .gb-list3-c1 .avatar{ width:348px; height:180px;}
.comm-tlist .gb-list3-c2 .tit{ font-size:24px; font-weight:bold; color:#333; overflow:hidden; margin-bottom:3px;}
.comm-tlist .gb-list3-c2 .tit a{ color:#223a86;}
.comm-tlist .gb-list3-c2 .txt{ text-indent:2em; font-size: 16px; color:#424242; line-height: 30px;}
.comm-tlist .more{ text-align:right; margin-top:10px;}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block}
.gb-list2 .avatar,.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis;}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:800px; height:300px; background:#000; filter:alpha(opacity:60); opacity:.60}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:underline}

.comm-plist1 .gb-list2-item{ float:left; width:100%;}
.comm-plist1 .gb-list2-con{  width:168px; color:#fff; position:relative}
.comm-plist1 .gb-list2-c1{ position:relative; overflow:hidden; border:4px solid #f5f5f4;}
.comm-plist1 .gb-list2-c2{ overflow:hidden; position:absolute; left:4px; bottom:4px; text-align:left; z-index:10}
.comm-plist1 .gb-list2-c2, .comm-plist1 .gb-list2-c2 .mask{ width:160px; height:30px;}
.comm-plist1 .gb-list2-c2 .mask{ display:block; position:absolute;}
.comm-plist1 .txt{ text-align:center; font-size:14px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; width:92%;}
.comm-plist1 .avatar{ width:160px; height:120px;}
.comm-plist1 .gb-list2-con:hover{ color:#fff;}
.comm-plist1 .gb-list2-con:hover .gb-list2-c1{ border-color:#d9861a}
.comm-plist1 .gb-list2-con:hover .txt{ text-decoration:none;}

.col2 .gb-list2-item{ width:49.99%;}
.col3 .gb-list2-item{ width:33.32%;}
.col4 .gb-list2-item{ width:24.99%; *width:24.8%}
.col5 .gb-list2-item{ width:19.99%;}
.col10 .gb-list2-item{ width:9.99%; *width:9.9%;}

.comm-pn{ overflow: hidden; *zoom:1; background: url(//ue.17173cdn.com/a/xys/zt/2015/topic/img/pn-guide.jpg) repeat; min-height: 92px; _height:92px;}
.comm-pn-hd{ height:57px; float: left; width: 116px; border-right:1px solid #eb7183; margin:16px 0 0 6px; _display:inline; text-align: center;}
.comm-pn-hd .tit{ font-size:30px; color:#fff; font-weight:bold; line-height:57px;}
.comm-pn-bd{ overflow:hidden; *zoom:1; padding:20px 70px 0 20px;}
.comm-pn-bd p{ font-size:16px; color:#fff; line-height:20px; text-indent:2em;}

.comm-pn1{ margin-top:20px;}
.comm-pn1-hd{ height:72px; position:relative; background: #0084d9; padding:0 18px;}
.comm-pn1-hd .tit{ font-size:30px; color:#fff; font-weight:bold; line-height:72px;}
.comm-pn1-hd .more{ position:absolute; top:0; right:18px; line-height:72px; color:#fff; font-size:16px;}
.comm-pn1-hd .more a{ color:#fff;}
.comm-pn1-hd .more a:hover{ text-decoration:underline}
.comm-pn1-bd{ border: 1px solid #e0e0e0; background: #f5f5f4; padding:30px 0;}

.comm-pn3{ margin-bottom:30px;}
.comm-pn3-hd{ overflow: hidden; *zoom:1;}
.comm-pn3-hd .ico1{ float: left; margin:15px 12px 0 0;}
.comm-pn3-hd .tit{ overflow: hidden; *zoom:1; font-size: 28px; font-weight: bold; color:#333; height: 62px; line-height: 62px; border-bottom:1px solid #e0e0e0;}
.comm-pn3-bd{ overflow: hidden; *zoom:1;}
.comm-pn3-c1{ float: right; width: 202px; margin-left:50px; padding:22px 0 0 0;}
.comm-pn3-c2{ overflow: hidden; *zoom:1; padding:15px 0 0 0;}
.comm-pn3-c2 p{ font-size: 16px; color:#424242; text-indent: 2em; line-height: 26px;}
.comm-pn3-c2 .indent-none{ text-indent: 0;}
.comm-pn3-c2 .align-r{ text-align: right;}

/*the layout*/ 
.wrapper{ background:url(//i1.17173cdn.com/2fhnvk/YWxqaGBf/cms3/BNIAwYbkvBwmhAl.jpg) no-repeat center top;}
.area{ margin-top:30px;}

/*the header*/
.header{ width:1000px; height:340px; margin:0 auto; position:relative;}

.logo-zt{ position: absolute; top:50px; right:37px;}

.box-mainnav{ position: absolute; right:0; top:0;}
.box-mainnav-l, .box-mainnav-r{ width: 32px; height: 32px; background: url(//ue.17173cdn.com/a/xys/zt/2015/topic/img/sprite-png24.png) no-repeat; float: left;}
.box-mainnav-l{ background-position: 0 0; }
.box-mainnav-r{ background-position: -468px 0; }
.box-mainnav-in{ height: 32px; background: url(//ue.17173cdn.com/a/xys/zt/2015/topic/img/sprite-png24.png) no-repeat -32px 0; float: left;}

.list-mainnav{ overflow: hidden; *zoom:1; float: left;}
.list-mainnav-item{ float: left; line-height: 32px;}
.list-mainnav-item .sep{ font-size: 12px; color:#71b3e3; margin:0 10px;}
.list-mainnav-c{ font-size: 14px; color:#fff;}
.list-mainnav-c:hover{ text-decoration: underline;}

.pn-zt-info{ position: absolute; left:0; top:0; width: 386px; height: 340px; z-index: 10; overflow: hidden;}
.pn-zt-info .comm-mask{width: 386px; height: 340px; }
.pn-zt-info-in{ padding:70px 40px 0 25px; position: relative; *zoom:1;}
.pn-zt-info-in .periods{ width: 90px; height: 46px; background: #fff; text-align: center; line-height: 46px; position: absolute; left:0; top:0; font-size: 18px; color:#333;}
.pn-zt-info-in .zt-tit{ font-size: 30px; color:#ffff00; font-weight: bold; line-height: 1.33}
.pn-zt-info-in .zt-tit-sub{ font-size: 20px; color:#fffffe; margin-top:10px;}

.mod-quote{ margin-top:30px; position: relative; *zoom:1;}
.mod-quote p{ font-size: 14px; color:#fff; text-indent: 2em;}

/*the content*/
.content{width:1000px; margin:0 auto; padding:20px 0 0 0;}
.main{ position:relative; border: 1px solid #e0e0e0; border-top:none; padding:10px 35px;}
.sub{ padding:20px 0 40px 0; background-color:#0084d9; margin-top:50px;}
.sub-in{ width:1000px; margin:0 auto;}

.pn-guide{ width: 1000px; margin:0 auto;}

.pn-photo{}
.pn-photo-item{ width: 200px; border: 1px solid #33a2fb}
.pn-photo-c1{}
.pn-photo-c1 img{ display: block; width: 200px;}
.pn-photo-c2 { background:#33a2fb; padding:10px 15px; }
.pn-photo-c2 .txt{ font-size: 14px; color:#fff;}

.pn-vote{ text-align:center; margin-top:40px; padding-bottom:20px; background: #fff}
.pn-vote-hd{ margin-bottom:12px;}
.pn-vote-hd .tit{ font-size:34px; color:#333; font-weight:bold; line-height:66px;}

.mod-vote{ font-size:0;}
.vote-item{ display:inline-block; *display:inline; *zoom:1; margin:0 30px;}
.vote-con{ display:block; width:182px; overflow:hidden; *zoom:1; cursor:pointer}
.vote-con .ico{ margin:0 25px 3px 0; *margin:10px 25px 11px 0;}
.vote-info{ float:left; width:182px; height:55px; text-align:center; line-height:55px; background-color:#f74f5b; font-size:24px; color:#fff; position:relative;}
a:hover .vote-info{ background-color:#bb110f}
.vote-num{ font-style:normal; display: block; text-align: center; font-size: 20px; color:#000;}

.pn-zt{ width: 1000px; margin:0 auto; margin-top:20px;}
.pn-zt .comm-pn1-bd{ position:relative; *zoom:1;}
.pn-zt .carousel-box{ width:900px; margin:0 auto; height:128px; overflow:hidden;}
.pn-zt .carousel-bt-prev, .pn-zt .carousel-bt-next{ display:block; position:absolute; top:34px; width: 20px; height: 120px; background: #e7e7e6; text-align: center;}
.pn-zt .carousel-bt-prev:hover, .pn-zt .carousel-bt-next:hover{ background: #d9861a}
.pn-zt .carousel-bt-prev{ left:29px;}
.pn-zt .carousel-bt-next{ right:29px;}

.pn-coming{ margin-top:20px;}
.pn-coming .comm-pn3-bd{ padding:16px 0 0 0;}

.pn-comment{ width:966px; margin:0 auto; padding:0 16px; border: 1px solid #d4d4d4; margin-top:20px;}