@charset "gb2312";
/* CSS Document */

/*-Reset-*/
body,div,p,ul,li,h1,h2,h3,h4,h5,h6,form,input,label,dl,dt,dd,ol {padding:0; margin:0;}
body {font:14px/1.5 "\5FAE\8F6F\96C5\9ED1", Tahoma, Geneva, sans-serif; color:#5f5f5f;}
ul,ol,.box {overflow:hidden; height:100%;}
li {list-style:none;}
a {text-decoration:none; color:#5f5f5f;}
a:hover {color:#005df8;}
img {border:0;}
input,label {vertical-align:middle;}
em {font-style:normal;color:#FFF;font-size:13px;}
/*-/Reset-*/

#menu .s {height:100%;line-height:50px;border:1px solid #E8E8E8;border-top:0;background:#F5F5F5;padding-left:5px;font-size:13px;}
#menu .s a,#menu .s a:visited {color:#767676;margin-right:1%;}
#menu .s a:hover {color:#f00;}
#menu .s a.curr{color: #fff;background: #424858;}

/*-Public-*/
.l {float:left;}
.r {float:right;}
.b {border:1px solid #d9d9d9;}
.mb {margin-bottom:8px;}
.none {display:none;}
.bk {display:block;}
.more {position:absolute; top:0; right:10px; font-size:16px; line-height:40px; color:#000;}
.bt {border-top:1px solid #1395DF;}
h5 {font-size:16px; font-weight:400; padding-left:10px; line-height:2;}
/*-/Public-*/
/**/
.videolist { padding:10px 0;}
.videolist li { float:left; display:block; width:20%; height:auto; margin-bottom:5px;}
.videolist li .post { width:85%; height:auto; margin:0 auto; position:relative; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow: 1px 1px 2px #B3B3B6; -webkit-box-shadow: 1px 1px 2px #B3B3B6; box-shadow: 1px 1px 2px #B3B3B6;}
.videolist li .post span { position:absolute; bottom:0; left:0; display:block; width:96%; padding:4px 2% 0 2%; height:26px; line-height:26px; color:#000; font-size:80%; background:url(images/spanbg.png) repeat-x left top; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.videolist li .post img { width:100%; height:410px; display:block;}
.videolist li h2 { height:30px; line-height:30px; font-size:12px; text-align:center;}
@media screen and (max-width: 1800px) {.videolist li { width:20%;} .videolist li .post img { height:360px;}}
@media screen and (max-width: 1500px) {.videolist li { width:20%;} .videolist li .post img { height:300px;}}
@media screen and (max-width: 1200px) {.videolist li { width:20%;} .videolist li .post img { height:250px;}}
@media screen and (max-width: 950px) {.videolist li { width:20%; } .videolist li .post img { height:180px;}}
@media screen and (max-width: 700px) {.videolist li { width:20%;} .videolist li .post img { height:140px;}}
@media screen and (max-width: 480px) {.videolist li { width:33.33333333%;} .videolist li .post img { height:116px;}}
/**/
/* back-top */
.back-top {width: 73px;height: 19px;line-height: 20px;display: block;text-indent: 18px;overflow: hidden;border: 1px solid #e8e8e8;background: url(../images/back-top.gif) 6px 5px no-repeat;
 *background-position: 6px 4px;background-color: #f5f5f5;position: absolute;right: 0;top: -1px;}
#back-to-top {position:fixed;right: 20px;bottom: 70px;display: none;z-index: 999999;}
#back-to-top a {width: 50px;height: 50px;display: block;overflow: hidden;text-indent: -999px;background: url(back-to-top.gif) 0 0 no-repeat #EEAD0E;}
#back-to-top a:hover {background-position: -50px 0;background-color: #FF8018;}

/*-Index-*/
.logo {padding:10px; width:auto;}
.search {width:180px; overflow:hidden; background:#f5f5f5; border:1px solid #ccc; margin:9px 6px 0 0; display:inline;}
.searchword {width:130px; float:left; display:inline; font-size:12px; background-color:transparent; color:#333; height:44px; line-height:44px; padding-left:5px; border:0; font-family:"\5FAE\8F6F\96C5\9ED1";}
.submit {height:44px; width:44px; float:right; background:url(search.png) center center no-repeat; border:0;}
.nav ul li,.son_nav ul li {float:left; display:inline; width:25%; overflow:hidden; height:40px; line-height:40px; background-color:#EE7600; position:relative;}
.nav ul li a,.son_nav ul li a {display:block; text-align:center; color:#fff; font-size:18px;}
.son_nav ul li b {display:block; text-align:center; color:333; font-size:18px;}
.nav ul li a:visited,.nav li a:hover {background-color:#FF7F00; color:#fff;}
.nav ul li span,.son_nav ul li span {height:100%; width:1px; overflow:hidden; background-color:#f58aa7; position:absolute; top:0; left:0;}
.son_nav {border-top:1px solid #1395DF; background-color:#FFFFFF; position:relative;}
.son_nav ul li.n1 {border-bottom-color:#FFFFFF; color:#000; font-weight:900;}
.son_nav ul li.n2 {border-bottom-color:#FFFFFF; color:#000; font-weight:900; float:right;}
.son_nav ul li {background-color:#FFFFFF; border-bottom:1px solid #ccc;}
.son_nav ul li a {color:#333;}
.son_nav ul li a:visited,.son_nav ul li a:hover {background-color:#F7F7F7; color:#333;}
.son_nav ul li span {background-color:#ccc;}
.list ul {padding:0 0 19px 19px;}
.list ul li {float:left; display:inline; margin:19px 19px 0 0; border:1px solid #ddd; box-shadow:0 1px 5px rgba(0,0,0,0.05); border-radius:2px; width:110px; overflow:hidden; padding:9px 9px 5px;}
.list ul li a.apic {display:block; padding-bottom:3px;}
.list ul li a img {width:110px; height:150px;}
.list ul li p {/*font-size:14px; */height:24px; line-height:24px; overflow:hidden; text-align:center;}
.foot {text-align:center; padding:10px 0; font-size:16px; background-color:#EE7600;}
/*-/Index-*/

/*-List-*/
.back {display:block; float:left; width:70px; height:64px; border-right:1px solid #ddd; background:url(arrow.png) center center no-repeat;}
.back:hover {background-color:#eee;}
.typename {float:left; display:inline; padding:13px 0 0 20px; font-size:24px; color:#333;}
.page {padding:10px 0; text-align:center; background-color:#FFFFFF; padding-right:5px;}
.page span,.page a {display:inline-block; padding:0 15px; height:38px; line-height:38px; vertical-align:middle; background-color:#ddd; font-size:16px; margin-left:5px;}
.page span.current,.page a:hover {background-color:#ccc; color:#333;}

/*-Content-*/
.ctop {background:url(top.png); height:40px;}
.cback {width:40px; height:40px; display:block; background:url(top.png) center -40px no-repeat;}
.ctop h4 {margin-left:40px; padding-right:40px; color:#fff; font-size:20px; text-align:center; font-weight:400; line-height:40px; line-height:42px\9;}
.p15 {padding:15px 15px 0;}
.pic {width:115px; height:152px; padding:4px; border-radius:7px; border:1px solid #f9d0de;}
.intro {margin-left:136px;}
.intro div {padding:2px 0; height:100%; overflow:hidden; white-space:nowrap}
.intro h1 {font-size:16px; color:#e22362;}
.intro div p {float:left; display:inline; width:45%; margin-right:4.5%; overflow:hidden; white-space:nowrap}
.play {display:inline; float:left; width:228px; height:35px; text-indent:-99999em; background:url(btn.png); overflow:hidden;}
.t_line {height:2px; background-color:#ddd; overflow:hidden;}
.t_line p {float:left; display:inline; width:18%; height:2px; background-color:#e32463;}
.description {padding:10px 0;}
.more_des {cursor:pointer; color:#e32463; text-align:right; display:none;}
.playlist ul { padding:10px 5px 5px 5px;}
.playlist ul li { float:left; height:32px; width:33.33333333%; margin-bottom:5px;}
.playlist ul li a { display:block; width:90%; margin:0 auto; font-size:14px; height:30px; line-height:30px; text-align:center; border: 1px solid #c9c8cd; background-color:#EFEFEF; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.playlist ul li a:visited {color:#666; background-color:#faebd7; border-color:#faebd7;}
.playlist ul li a:hover {color:#fff; background-color:#137BC7; border-color:#137BC7;}


/*-player-*/
.player {margin:auto;text-align: center;}

/*gotop*/
.cbbfixed {position: fixed;right: 20px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #EEAD0E;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#FF7F00;}
.cbbfixed .weixin {background: #dadbdd;}
.cbbfixed .weixin div {background: url(weixin.jpg);width: 210px;height: 210px;position: absolute;left: -212px;top: -130px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .weixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(side-icon01.png);}