/* global reset */
body{ background:#f5f5f5; font-size:12px; font-family:"΢ÈíÑźÚ"; color:#333}
img{ vertical-align:middle}
a{ color:#333}
a:hover{ text-decoration:none; _vertical-align:baseline}
a:focus,button,input,select,textarea{ outline:none}
textarea{ resize:none}
img{ vertical-align:middle}
.ico{ background:url(../images/b1.png) no-repeat; display:inline-block; overflow:hidden; vertical-align:middle}
.ico-star{ width:23px; height:22px; margin-right:2px}
.ico-star-g{ background-position:-23px 0}
.ico-arrow{ background-position: -76px 0; width:27px; height:86px}

.info-box{ overflow:hidden; *zoom:1; padding-right:50px}
.info-box .tit a{ font-size:26px; font-weight:bold}
.info-box .tit a:hover{ color:#79a715}
.info-box .pic-box{ float:left; background: url(../images/bg3.png) 0 0 no-repeat; width:176px; height:164px; text-align:center; padding-top:12px; margin-right:15px}
.info-box .pic-box .pic{ width:150px; height:150px; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px}
.info-box .con{ overflow:hidden; *zoom:1}
.info-box .txt{ font-size:14px; padding:15px 0}
.info-box .comment{ padding:2px 9px; position:relative; background:#fffaf6; border:1px solid #e3dbd2; font-size:14px; line-height:2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.info-box .comment-tit{ color:#666}
.info-box .comment-txt{ color:#ff4800}
.info-box .arrow u,.info-box .arrow b{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-left:6px dashed transparent; border-right:6px dashed transparent; border-top:6px dashed transparent; border-bottom-style:solid; border-bottom-width:6px}
.info-box .arrow{ position:absolute; top:-12px; left:20px}
.info-box .arrow u{ top:0; left:0; color:#e3dbd2}
.info-box .arrow b{ z-index:2; top:1px; left:0; color:#fffaf6}
.info-box .bt-more{ float:right; font-size:16px; font-weight:bold; color:#fff; background:#79a715; line-height:30px; padding:0 28px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px }
.info-box .bt-more:hover{ background:#8cba27; text-decoration:none}
.info-box-s{ width:440px; float:right; padding-right:20px}
.info-box-s .tit{ font-size:20px; color:#fff; line-height:56px}
.info-box-s .hd{ padding-left:165px}
.info-box-s .bd{ overflow:hidden; *zoom:1; padding:23px 0 0 17px}
.info-box-s .txt{ padding:10px 0 14px 0}

.wrap{ background: #f5f5f5 url(../images/bg1.jpg) center top no-repeat}
.wrap-in{ width:980px; margin:0 auto}
.header{ position:relative; height:303px; overflow:hidden; *zoom:1; padding:95px 0 0 126px}
.periods{ position:absolute; left:260px; top:45px; font-size:20px; line-height:1}
.periods .strong{ color:#09C; font-size:24px; font-weight:bold; display:inline-block; font:"΢ÈíÑźÚ"; margin:0 5px}
.editor{ position:absolute; left:0px; top:38px; text-align:right; font-size:14px; color:#FFF;}
.intro{ float:left; width:374px; padding-top:185px; color:#fff; font-size:14px}

.content{ background:url(../images/bg2.jpg) top center no-repeat; padding-top:19px}
.share-box{ overflow:hidden; *zoom:1}
.share-box .fenxiang-l{ overflow:hidden; *zoom:1; float:right}
.share-box .icon_yijiang{ width:80px}

.info-list{ overflow:hidden; *zoom:1; border-bottom:1px solid #d4d6d7; margin-bottom:20px; box-shadow: 0 2px 2px #e8e8e8}
.info-item{ position:relative; background:#fff; border-left:1px solid #d4d6d7; border-right:1px solid #d4d6d7; border-bottom:1px solid #dadada; padding:38px 19px 40px 16px; *width:943px; overflow:hidden; *zoom:1; float:left}
.info-list .pic-list{ overflow:hidden; *zoom:1; padding-top:25px}
.info-list .pic-item{ float:left; margin-right:30px}
.info-list .pic-list .pic{ width:200px; height:120px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.info-list .bt-more{ width:70px; height:100%; display:block; position:absolute; right:0; top:0}
.info-list .bt-more .ico-arrow{ position:absolute; top:40%; left:21px}
.info-item:hover, .hover{ background:#f5f5f5}
.info-item:hover .ico-arrow , .hover .ico-arrow{ background-position:-48px 0}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0; text-align:center}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; vertical-align:top}
@media all and (-webkit-min-device-pixel-ratio:0){.gb-list2{letter-spacing:-4px; word-spacing:-4px}
.gb-list2-item{letter-spacing:normal; word-spacing:normal}}
.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:1000px; height:1000px; background:#000; filter:alpha(opacity:55); opacity:.55}
:root .gb-list2 .mask{ filter:none \0}

.zt-recomm{ height:168px; background:#e8e9ea; position:relative; margin-bottom:20px}
.zt-recomm-tit{ width:134px; height:134px; background: url(../images/b2.png) 0 0 no-repeat; position:absolute; top:0; left:0;}

.scroll-wrap{ overflow:hidden; *zoom:1; width:880px; height:115px; position:absolute; top:23px; left:87px;}
.scroll-bt{ float:left; width:17px}
.scroll-bt .bt-prev,.scroll-bt .bt-next{ display:block; overflow:hidden; height:115px}
.scroll-bt .bt-ico{ display:block; overflow:hidden; width:17px; height:35px; margin:42px auto 0; line-height:20em; background:url(../images/b1.png) no-repeat; cursor:pointer}
.scroll-bt .bt-prev .bt-ico{ background-position:0 -24px}
.scroll-bt .bt-prev:hover .bt-ico{}
.scroll-bt .bt-next .bt-ico{ background-position:-18px -24px}
.scroll-bt .bt-next:hover .bt-ico{}
.scroll-bt .disabled{ visibility:hidden}
.scroll-box{ overflow:hidden; position:relative; float:left; width:846px; height:115px}
.scroll-con{ position:absolute; clear:both; width:200000px}
.zt-list{ width:846px; float:left;}
.zt-list .gb-list2-item{ display:inline-block; float:left; width:33%;}
.zt-list .gb-list2-con{ position:relative; width:242px; color:#fff; border:6px solid #2e2f2f; background:#2e2f2f; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.zt-list .gb-list2-con:hover{ text-decoration:none; border-color:#fafbfb}
.zt-list .gb-list2-c1{ position:relative;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.zt-list .gb-list2-c2{ position:absolute; z-index:2; bottom:0; left:0; width:226px; padding:4px 8px; text-align:left}
.zt-list .avatar{ width:240px; height:100px; border:1px solid #2f2f30; }
.zt-list .txt{ height:21px}
.zt-list .tit{ font-size:14px; font-weight:normal; width:100%; height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:baseline;}
.zt-list .mask{ display:block}

.flote-box{ position:fixed; right:10px; bottom:294px; width:65px; height:166px;  z-index: 99999px;_position: absolute;_bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-294+"px")}
.bt-ios, .bt-android,.back-to-top{ display:block; background:url(../images/b3.png) no-repeat; width:65px; height:54px}
.bt-android{ margin-bottom:2px}
.bt-android:hover{ background-position:-66px 0}
.bt-ios{ background-position:0 -56px; margin-bottom:2px}
.bt-ios:hover{ background-position:-66px -56px}
.back-to-top{ background-position:0 -112px}
.back-to-top:hover{ background-position:-66px -112px;}