@charset "utf-8";
@import "http://images.china.cn/images1/resource/styles/reset-1.0.css";
html, body { height: 100%; }
body { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; line-height: 20px; color: #222; background: url(images/bg1.gif) repeat-x 0 80px; }
a { color: #222; }
a:hover { color: #EB5A53; text-decoration: none; }
.top { clear: both; width: 1200px; height: 68px; padding-top: 7px; margin: 0 auto 20px; }
.top h1 { float: left; display: inline; padding-left: 30px; }
.top .nav { float: left; display: inline; width: 683px; padding-top: 36px; font-size: 14px; color: #CFCCD5; line-height: 24px; text-align: center; }
.top .nav a { margin: 0 25px; font-weight: bold; }
.top dl { float: left; display: inline; margin: 26px 0 0 0; width: 205px; height: 28px; background: url(images/ss.gif) no-repeat 0 0; }
.top dt { width: 30px; height: 28px; float: right; }
.top dd { width: 170px; float: left; overflow: hidden; padding: 1px; }
.top dt input { width: 30px; height: 28px; border: 0; cursor: pointer; background: none; }
.top dd input { width: 160px; height: 25px; padding: 0 5px; line-height: 25px; color: #CCC; margin: 1px 0; }
.top .ch { float: right; margin: 0 8px 0 0; }
.photos { clear: both; width: 1200px; zoom: 1; overflow: hidden; margin: 0 auto 30px; }
.photoBig { width: 840px; height: 350px; float: left; position: relative; }
.photoBig .menu { position: absolute; right: 16px; bottom: 7px; display: inline; height: 2px; overflow: hidden; z-index: 5; }
.photoBig .menu span { display: inline-block; float: left; width: 20px; height: 2px; overflow: hidden; background: #B9B9C8; margin-left: 3px; cursor: pointer; }
.photoBig .menu span.pink { background: #EB5A53; }
.photoBig li { width: 840px; height: 350px; position: absolute; left: 0; top: 0; z-index: 1; }
.photoBig .cur { z-index: 3; display: block; }
.photoBig .bk { z-index: 2; display: block; }
.photoBig li img { width: 840px; height: 350px; }
.photoBig li p { width: 100%; padding-bottom: 14px; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 28px; color: #fff; line-height: 38px; text-shadow: 2px 2px 0px #000; background: url(images/sd2.png) repeat-x left bottom; background-size: auto 100%; }
.photoBig li p a { color: #fff; }
.photoBig li p a:hover { color: #EB5A53; }
.photoSmall { width: 340px; float: right; overflow: hidden; }
.photoSmall .big { width: 340px; height: 170px; position: relative; margin-bottom: 20px; }
.photoSmall .big img { width: 340px; height: 170px; }
.photoSmall .big span { position: absolute; display: inline-block; background-color: #FF7F00; height: 25px; padding: 0 15px; font-size: 14px; color: #fff; line-height: 25px; }
.photoSmall .big span a { color: #fff; }
.photoSmall .big p { width: 100%; position: absolute; left: 0; bottom: 0; font-size: 16px; color: #fff; text-shadow: 1px 1px 0px #000; background: url(images/sd2.png) repeat-x left bottom; background-size: auto 100%; box-sizing:border-box; padding:0 15px 10px; }
.photoSmall .big p a { color: #fff; }
.photoSmall .big p a:hover { color: #EB5A53; }
.photoSmall .small { width: 400px; zoom: 1; overflow: hidden; }
.photoSmall .small li { width: 160px; height: 160px; float: left; display: inline; margin-right: 20px; position: relative; }
.photoSmall .small img { width: 160px; height: 160px; }
.photoSmall .small span { position: absolute; display: inline-block; background-color: #FF7F00; height: 25px; padding: 0 15px; font-size: 14px; color: #fff; line-height: 25px; }
.photoSmall .small span a { color: #fff; }
.photoSmall .small p { width: 100%; box-sizing: border-box; position: absolute; left: 0; bottom: 0; padding: 0 15px 10px; font-size: 16px; color: #fff; text-shadow: 1px 1px 0px #000; background: url(images/sd2.png) repeat-x left bottom; background-size: auto 100%; }
.photoSmall .small p a { color: #fff; }
.photoSmall .small p a:hover { color: #EB5A53; }
.news { clear: both; width: 1200px; zoom: 1; overflow: hidden; margin: 0 auto 20px; }
.newL { width: 840px; overflow: hidden; float: left; }
.newL .head { clear: both; padding: 15px 0 20px; border-bottom: 1px solid #DFDFDF; zoom: 1; overflow: hidden; position: relative; }
.newL .head.nobb { border-bottom: none; }
.newL .head .pic { width: 245px; height: 136px; float: left; overflow: hidden; position: relative; }
.newL .head .pic .time, .newL .normal .pic .time { display: inline-block; position: absolute; right: 5px; bottom: 0; font-size: 14px; color: #fff; text-shadow: 1px 1px 0px #000; display: none; }
.newL .head img { width: 245px; height: 136px; transition: all 0.5s; }
.newL .head:hover img { transform: scale(1.2, 1.2); }
.newL .head .char { width: 550px; padding-right: 20px; float: right; }
.newL .head h3 { zoom: 1; overflow: hidden; font-weight: normal; font-size: 20px; line-height: 1.3em; margin-bottom: 20px; }
.newL .head h3 span { float: left; display: inline-block; margin-right: 8px; background-color: #373737; font-size: 13px; color: #fff; letter-spacing: 6px; padding: 0 0 0 6px; line-height: 20px; margin-top: 3px; }
.newL .head h3 span.hot { background: #EB5A53; }
.newL .head h3 span a { color: #fff; }
.newL .head .txt, .newL .head .txt a { color: #666; }
.newL .head .txt a:hover { color: #EB5A53; }
.newL .head .data { position: absolute; bottom: 23px; right: 20px; color: #666; width: 550px; }
.newL .normal { clear: both; padding-top: 20px; width: 900px; zoom: 1; overflow: hidden; }
.newL .normal li { width: 245px; float: left; display: inline; margin-right: 43px; }
.newL .normal .pic { width: 245px; height: 136px; overflow: hidden; margin-bottom: 20px; position: relative; }
.newL .normal .pic img { width: 245px; height: 136px; transition: all 0.5s; }
.newL .normal li:hover .pic img { transform: scale(1.2, 1.2); }
.newL .normal h3 { font-weight: normal; font-size: 18px; line-height: 30px; padding-bottom: 7px; }
.newL .normal h3 span { float: left; display: inline-block; margin: 5px 15px 0 0; font-size: 13px; color: #FFF; height: 20px; line-height: 20px; letter-spacing: 6px; padding: 0 0 0 6px; background-color: #333; }
.newL .normal h3 span.hot { background: #EB5A53; }
.newL .normal h3 span a { color: #FFF; }
.newL .normal .txt { clear: both; color: #222; }
.newL .normal .data { clear: both; color: #666; }
.newR { width: 340px; float: right; }
.newR h2 { clear: both; height: 42px; text-align: center; border-top: 3px solid #261D15; border-bottom: 1px solid #C8C8C8; color: #261D13; line-height: 42px; }
.newR h2 span { display: inline-block; padding: 0 19px; background: url(images/bg2.gif) no-repeat left center; }
.newR h2 span a { float: none; font-weight: bold; font-size: 16px; color: #222; }
.newR h2 a { float: right; color: #999; line-height: 42px; font-weight: normal; font-size: 12px; }
.list { clear: both; padding: 5px 0 15px; }
.list li { padding: 5px 0 5px 20px; background: url(images/dian.gif) no-repeat 7px 15px; font-size: 14px; }
.artist { clear: both; width: 302px; margin: 15px auto 7px; zoom: 1; overflow: hidden; }
.artist dt { width: 68px; height: 68px; float: left; }
.artist dt img { width: 68px; height: 68px; }
.artist dd { width: 210px; float: right; }
.artist dd strong { display: block; }
.artifr { clear: both; text-align: center; padding-bottom: 7px; }
.artifr iframe { margin-bottom: 10px; }
.hotread { clear: both; padding: 15px 0; }
.hotread li { padding: 7px 0; color: #222; font-size: 14px; zoom: 1; overflow: hidden; }
.hotread li span { float: left; display: inline-block; width: 20px; height: 20px; margin-right: 10px; text-align: center; font-size: 10px; color: #fff; background-color: #747474; }
.hotread li span.red { background-color: #BD0704; }
.video { clear: both; width: 1200px; height: 473px; margin: 0 auto 40px; background-color: #2E3338; }
.play { width: 840px; height: 473px; float: left; position: relative; }
.playbk { width: 840px; height: 473px; position: relative; }
.playbk img { width: 840px; height: 473px; }
.playbk span { position: absolute; left: 50%; top: 50%; z-index: 1; width: 70px; height: 70px; margin: -35px 0 0 -35px; background: url(images/bigplay.png) no-repeat 0 0; cursor: pointer; }
.playbk p { width: 100%; height: 70px; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 22px; color: #fff; line-height: 70px; text-shadow: 1px 1px 0px #000; background: url(images/sd2.png) repeat-x left bottom; background-size: auto 100%; }
.playing { width: 840px; height: 473px; position: absolute; left: 0; top: 0; z-index: 2; display: none; }
.playsrc { display: none; }
.playlist { width: 320px; height: 423px; padding: 0 15px 0 0; margin: 25px 6px 25px 0; float: right; overflow-x: hidden; overflow-y: scroll; }
 .playlist::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
 .playlist::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 background: #EDEDED;
}
 .playlist::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 background: #2E3338;
}
.playlist li { clear: both; width: 318px; zoom: 1; overflow: hidden; background: url(images/s9.gif) repeat-x left bottom; padding: 10px 0; }
.playlist li img { width: 153px; height: 86px; transition: all 0.5s; }
.playlist li:hover img { transform: scale(1.2, 1.2); }
.playlist li .pic { width: 153px; height: 86px; float: left; overflow: hidden; position: relative; }
.playlist li.cur .pic { border: 3px solid #EB5A53; }
.playlist li p { width: 153px; float: right; font-size: 14px; color: #FFF; line-height: 28px; opacity: 0.6; }
.playlist li p a { color: #FFF; line-height: 28px; }
.playlist li.cur p.link { display: block; opacity: 1; }
.playlist li.cur p.link a:hover { color: #EB5A53; }
.playlist li.cur p.wenz { display: none; }
.playlist li p.link { display: none; }
.playlist li p.wenz { display: block; }
.playlist li p.wenz:hover { color: #EB5A53; opacity: 0.8; }
.playlist li .vdsrc { display: none; }
.playlist li .plbtn { width: 29px; height: 29px; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(images/noplay.png); }
.playlist li .lm { display: inline-block; font-size: 13px; line-height: 20px; color: #EB5A53; text-align: center; margin-right: 5px; }
.playlist li .lm a { color: #EB5A53; }
.playlist li .xx, .playlist li .xx a { color: #fff; }
.playlist li .xx a:hover { color: #EB5A53; }
.funny { clear: both; width: 1200px; overflow: hidden; margin: 0 auto 30px; position: relative; }
.funny ul { clear: both; width: 1300px; zoom: 1; overflow: hidden; }
.funny li { width: 280px; float: left; display: inline; text-align: center; position: relative; margin-right: 26px; }
.funny li img { width: 280px; height: 157px; margin-bottom: 6px; }
.funny span { position: absolute; left: 0; top: 0; z-index: 2; display: inline-block; background-color: #EB5A53; height: 25px; padding: 0 9px 0 15px; font-size: 14px; color: #fff; line-height: 25px; }
.funny span a { color: #fff; }
.footer { clear: both; width: 1200px; margin: 0 auto; border-top: 3px solid #000; padding: 20px 0 10px; }
.footer dl { zoom: 1; overflow: hidden; padding-left: 315px; }
.footer dt { width: 120px; float: left; padding-top: 5px; }
.footer dd { width: 600px; float: left; color: #777; line-height: 26px; }
.footer dd a { color: #777; }
.ewm { position: fixed; left: 50%; top: 320px; margin-left: 625px; z-index: 10; }
.show { clear: both; padding: 20px 0; width: 100%; overflow: hidden; }
.show div { zoom: 1; overflow: hidden; }
.show ul { zoom: 1; overflow: hidden; float: left; width: 340px; }
.show li { width: 100px; float: left; display: inline; margin-left: 11px; text-align: center; font-size: 10px; color: #b1b1b1; line-height: 18px; }
.show li a { color: #b1b1b1; }
.show li a:hover { color: #EB5A53; }
.show li img { width: 100px; height: 100px; margin-bottom: 5px; }
.show li span { font-size: 12px; color: #222; }
.show li span a { color: #222; }
.show li span a:hover { color: #EB5A53; }
.show li span { display: block; }