/* global reset */
body{ background:#fff; font-size:16px; color: #000; font-family:'Microsoft YaHei','SimSun'; min-width: 1000px;  _overflow-x: hidden; *zoom:1; _position: relative;}
img{ vertical-align:middle}
a:hover{ text-decoration:underline; _vertical-align:baseline}
a:focus,button,input,select,textarea{ outline:none}
textarea{ resize:none}

.w-container{ width:1000px; margin-left:auto; margin-right:auto;}
.nav{ height: 46px; font-family: "MicroSoft YaHei",Helvetica; background-color: #5E4A4A;}
.nav-in{ position: relative;}
.nav .link-box{ position: absolute; right: 0; top:15px;}
.nav .link-box .btn{ overflow: hidden; float: left; margin-left:10px; width:16px; height: 16px;}
.nav-box{ overflow: hidden; *zoom:1;}
.nav-item{ float: left; font-size: 114.2%; border-right:1px solid #5c5c5c;}
.nav-con{ display: block; padding:0 2.2em; color: #fff; line-height: 46px; text-align: center;}
.nav-con:hover{ background-color: #7A5F4D;}
.wq{float: right;color:#B1B1B1;line-height:22px;margin: 15px 0}
.bd{padding-top:10px;}
.rank-item{line-height:25px;}
.newzp-rank .tit{ overflow:hidden; width:99%; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; background:url(//ue.17173cdn.com/images/chanye/hyzl/2013/icon.jpg) no-repeat left center}
.newzp-rank .tit a{ color:#333; font-size:14px; font-weight: bold;}
.newzp-rank .tit a:hover{text-decoration: underline;}
.newzp-rank .show-all .tit a{ color:#1a6ec4; font-weight:bold}
.newzp-rank .rank-item{ line-height:25px }
.newzp-rank .txt-img{ overflow:hidden; padding:5px 0 10px 0;}
.newzp-rank .txt-img .pic{ float:left; width:80px; margin-right:10px;}
.newzp-rank .txt-img .pic .img{ display:block; width:80px;}
.newzp-rank .txt-img .pic .avatar{ width:80px; height:70px; padding-top:0px;}
.newzp-rank .txt-img .detail p{ color:#868d96; line-height:20px; font-size: 12px;} 
.newzp-rank .txt-img .detail .xx{ color:#333}
.newzp-rank .txt-img .detail .xx:hover{color:#cc7515;}

.ico, .ico2{ display: inline-block; vertical-align: middle; overflow: hidden; background: url(//ue.17173cdn.com/a/lol/zt/2015/pplm/img/s1.png) no-repeat;}
.ico-lm1{ width:41px; height: 24px; margin-top:21px}
.ico-lm2{ width:35px; height: 35px; background-position:0 -30px; margin-top: 15px}
.ico-lm3{ width:45px; height: 45px; background-position:0 -70px; margin-top: 16px}
.ico-lm4{ width:34px; height: 34px; background-position:0 -120px; margin-top: 21px}
.ico-lm5{ width:38px; height: 38px; background-position:0 -160px; margin-top: 14px}
.ico2{ background: url(//ue.17173cdn.com/a/lol/zt/2015/pplm/img/s2.jpg) no-repeat;}
.ico2-comment{ width:18px; height: 17px; margin:  1px 6px 4px 0}
.ico2-top{ width: 26px; height: 26px; background-position:-32px 0}

.containter{ width: 1000px; margin: 0 auto}

.strong{ font-weight: bold;}

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

.header{ background: #ebebeb;}
.header-in{ overflow: hidden; *zoom:1;}

.header{ border-bottom: 1px solid #a6a6a6;}
.header .logo{ float: left; margin:6px 0 0 28px; display: block; color: #78602c;}
.header .logo .tit{ display: block; font-size: 16px; text-align: center; margin-top: 6px}
.header .logo:hover{ text-decoration: none;}



.content{ background: url(//i.17173cdn.com/2fhnvk/YWxqaGBf/cms3/dfTjjnbkinxeAvm.jpg) top center no-repeat; padding-top:286px; *zoom:1;}
.content-in{ overflow: hidden; *zoom:1; padding-top: 12px}
.side{ float: right; width: 280px}
.main{ float: left; width: 680px; overflow: hidden;}

.list-pic{ overflow: hidden; *zoom:1; margin-left: -6px; margin-right: -6px;}
.list-pic li{ float: left; width: 134px; margin: 0 6px; *display: inline; *zoom:1;}
.list-pic a{ display: block; position: relative; color: #fff;}
.list-pic img{ width: 134px; height: 120px}
.list-pic .detail{ position: absolute; left: 0; bottom: 0; width: 100%; height:30px; overflow: hidden; z-index: 5;}
.list-pic .tit{ display: block; text-align: center; line-height: 30px; font-size: 12px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 0 5px;}
.list-pic a:hover .tit{ text-decoration: underline;}

.side-mod{ margin-top: 15px}
.side-mod .mod-hd{ border-bottom: 1px solid #dadada; height: 44px}
.side-mod .mod-hd .tit{ color: #5E4A4A; font-size: 24px; display: inline-block; border-bottom: 1px solid #78602c; line-height: 44px; height: 44px; margin-bottom: -1px; *display: inline; *zoom:1; *position: relative;}
.side-mod .mod-bd{ padding-top: 12px}
.side-mod-programa{ padding-bottom: 5px}
.side-mod-programa .mod-bd{ *position: relative; *zoom:1;}
.side-mod-song .mod-bd{ padding-top: 30px}

.mod-article .mod-hd{ background: #f2f0ec}
.mod-article .mod-hd .tit{ font-size: 24px; border-left:16px solid #5E4A4A; padding: 12px 28px}
.mod-article .mod-bd .tit2{ font-size: 16px; padding:12px 12px; color:#5e210b; font-weight:bold;}
.mod-article .mod-bd{ padding: 10px 0 40px}
.mod-article .mod-bd p{ line-height: 30px; text-indent: 2em; padding: 12px 0}
.mod-article .mod-bd .pic{ text-align: center; padding: 15px 0}
.mod-article .mod-bd .pic img{ max-width:680px; height: auto}

.pn-article{ padding-top: 15px}
.pn-article .periods-box{ position: relative; z-index: 5; *zoom:1;}
.pn-article .periods-box .periods{ display: inline-block; color: #B1B1B1; font-size:24px; background: #fff; padding-right: 14px; position: relative; line-height: 30px; height: 30px; *display: inline; *zoom:1;}
.pn-article .periods-box .num{ font-family: 'Vandermark Oblique','Times New Roman'; margin: 0 5px}
.pn-article .periods-box .bg{ position: absolute; width:19px; height: 29px; background: url(//ue.17173cdn.com/a/lol/zt/2015/pplm/img/bg2.png) no-repeat; right: -10px; top:0;}
.pn-article .periods-box .line{ position: absolute; width: 100%; border-top:1px solid #dcdcdc; top:50%; left: 0; z-index: -1; font-size: 0; line-height: 0;}
.pn-article .title{ font-size: 32px; font-weight: bold; text-align: center; padding: 20px 0}
.pn-article .info-box{ overflow: hidden; *zoom:1; border-bottom: 1px dotted #d4d4d4; line-height: 22px; padding-bottom: 10px}
.pn-article .info-box .info{ float: left;}
.pn-article .info-box .author{ font-size: 16px; color: #999}
.pn-article .info-box .btn-comment{ color: #4791ff; margin-left: 20px; display: block; overflow: hidden; font-size: 16px; height: 22px;}
.pn-article .info-box .share-box{ float: right; overflow: hidden; *zoom:1;}
.pn-article .info-box .share-box .share-tit{ color: #999; float: left; margin-right: 6px}
.pn-article .info-box .share-box .share-con{ float: left;}
.pn-article .info-box .share-box .gb-share{ *display: inline; *zoom:1;}
.pn-article .intro-box{ background: #f5f5f5; line-height:30px; padding: 15px 15px 15px 30px; margin-top: 10px;font-size: 14px;}
.pn-article .copyright{ text-align: center; padding: 15px 0}

.fix-box{ position: absolute; z-index: 500; left: 50%; top:985px; margin-left: 215px;}
.fix-nav{ background: url(//ue.17173cdn.com/a/lol/zt/2015/pplm/img/bg3.jpg) 11px 0 repeat-y; padding: 12px 0 9px}
.fix-nav li{ position: relative; padding: 6px 0 6px 25px; *zoom:1;}
.fix-nav .btn-link{ display: inline-block; color: #333333; font-size: 18px; font-weight: bold; line-height: 28px; position: relative; padding: 0 16px 0 18px;}
.fix-nav .bg{ position: absolute; top:0; height: 28px; background: url(//ue.17173cdn.com/a/lol/zt/2015/pplm/img/s2.jpg) 0 -30px no-repeat; display: none;}
.fix-nav .bg-l{ width: 18px; left: 0; }
.fix-nav .bg-r{ width: 17px; right: -1px; background-position:-19px -30px;}
.fix-nav .circle{ width:12px; height: 12px; background:url(//ue.17173cdn.com/a/lol/zt/2015/pplm/img/s2.jpg) -19px 0 no-repeat; position: absolute; top: 50%; margin-top: -6px; left: 7px; display: none}
.fix-nav .btn-link:hover{ text-decoration: none;}
.fix-box .go-top{ color: #78602c; display: block; width: 26px}
.fix-box .go-top .tit{ display: block; text-align: center; font-size: 12px; font-weight: bold;}
.fix-box .go-top:hover{ text-decoration: none;}
.fix-nav .current .btn-link{ color: #fff; background:#78602c}
.fix-nav .current .bg{ display: block;}
.fix-nav .current .circle{ display: block;}
.fix-box-fixed{ position: fixed; _position: absolute; top:50px;}

.global-footer{ color:#999; background: #36211B; padding:30px 0}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#999; padding: 0 9px}

/* page-lm1 */
.page-lm1 .nav-item1 .nav-con, .page-lm1 .nav-item1 .nav-con:hover{ color: #78602c; padding-top: 7px; border: none}
.page-lm1 .nav-item1 .nav-c1, .page-lm1 .nav-item1 .nav-con:hover .nav-c1{ background: #78602c}
.page-lm1 .nav-item1 .ico-lm1, .page-lm1 .nav-item1 .nav-con:hover .ico-lm1{ background-position:-100px 0}
.page-lm1 .nav-item1 .triangle{ display: block;}

/* page-lm2 */
.page-lm2 .nav-item2 .nav-con, .page-lm2 .nav-item2 .nav-con:hover{ color: #78602c; padding-top: 7px; border: none}
.page-lm2 .nav-item2 .nav-c1, .page-lm2 .nav-item2 .nav-con:hover .nav-c1{ background: #78602c}
.page-lm2 .nav-item2 .ico-lm2, .page-lm2 .nav-item2 .nav-con:hover .ico-lm2{ background-position:-100px -30px}
.page-lm2 .nav-item2 .triangle{ display: block;}

/* page-lm3 */
.page-lm3 .nav-item3 .nav-con, .page-lm3 .nav-item3 .nav-con:hover{ color: #78602c; padding-top: 7px; border: none}
.page-lm3 .nav-item3 .nav-c1, .page-lm3 .nav-item3 .nav-con:hover .nav-c1{ background: #78602c}
.page-lm3 .nav-item3 .ico-lm3, .page-lm3 .nav-item3 .nav-con:hover .ico-lm3{ background-position:-100px -70px}
.page-lm3 .nav-item3 .triangle{ display: block;}

/* page-lm4 */
.page-lm4 .nav-item4 .nav-con, .page-lm4 .nav-item4 .nav-con:hover{ color: #78602c; padding-top: 7px; border: none}
.page-lm4 .nav-item4 .nav-c1, .page-lm4 .nav-item4 .nav-con:hover .nav-c1{ background: #78602c}
.page-lm4 .nav-item4 .ico-lm4, .page-lm4 .nav-item4 .nav-con:hover .ico-lm4{ background-position:-100px -120px}
.page-lm4 .nav-item4 .triangle{ display: block;}

/* page-lm5 */
.page-lm5 .nav-item5 .nav-con, .page-lm5 .nav-item5 .nav-con:hover{ color: #78602c; padding-top: 7px; border: none}
.page-lm5 .nav-item5 .nav-c1, .page-lm5 .nav-item5 .nav-con:hover .nav-c1{ background: #78602c}
.page-lm5 .nav-item5 .ico-lm5, .page-lm5 .nav-item5 .nav-con:hover .ico-lm5{ background-position:-100px -160px}
.page-lm5 .nav-item5 .triangle{ display: block;}