@charset "utf-8";
@import url('font.css');
html{color:#333;background-color:#fff;-ms-text-size-adjust:100%;_text-overflow:ellipsis}
body{margin:0}
p,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;list-style-type:none;overflow:hidden}
body,button,input,select,textarea{font:16px/1.5 hiragino sans gb,microsoft yahei,simsun}
h1,h2,h3,h4,h5,h6{font-size:1.2em}
a{text-decoration:none;color:#333}
a:active{outline:0 none}
a:visited,a[tabindex='-1']:focus{outline:0 none}
a:hover{color:red;outline:0 none}

.topBack    {position:absolute;z-index:998;top:0;width:100%;min-width:900px;height:46px;background:#333;opacity:0.8;overflow:hidden}
.topHead    {position:absolute;z-index:999;top:0;width:100%;min-width:900px;overflow:hidden}
.topHead div{margin:0 auto;width:900px;overflow:hidden}
.topHead div img.logo{float:left;border:none}
.topHead div ul{margin:0;float:left;display:inline-block;padding:6px 30px 0 25px;color:#fff;height:40px;text-shadow:2px 2px 2px #000;list-style-type:none}
.topHead div ul li{line-height:24px;font-size:16px;text-transform:capitalize;padding:8px 10px;float:left;display:inline-block}
.topHead div ul a{color:#fff}
.topHead div ul .sel a{color:black;}
.topHead div ul li:hover{background-color:#ccc}
.topHead div ul li.sel  {color:#333;display:inline-block;background-color:#fff;text-shadow:none}
.topHead div form{float:right;margin-top:5px;padding:1px;width:366px;text-align:right;background-color:#fff;}
.topHead div form input[type=text]{width:250px;padding:4px;border:none;float:left}
.topHead div form input[type=submit]{width:100px;padding:4px;border:none;background-color:#F90;color:#fff}
.topHead div dl  {float:left;font-size:14px;display:inline-block;height:30px;margin-top:10px}
.topHead div dl dt{color:#fff;height:20px;line-height:20px;padding:4px;padding-left:30px;background-position:5px center; background-repeat:no-repeat;border:1px solid #999;border-radius:5px}
.topHead div dl:hover{padding-left:8px;border:1px solid #ccc;background-color:#000;box-shadow:2px 2px 2px #fff; height:auto}
.topHead div dl:hover dt{display:none}
.topHead div dl dd{padding:5px 5px 5px 30px;height:20px;line-height:20px;background-color:#fff;background-position:5px center;background-repeat:no-repeat}
.topHead div dl dd:hover{background-color:#F8E2DA}
.topHead div dl dd a{height:14px;display:block}

.main    {margin:0 auto;width:900px;padding:10px 0;overflow:hidden;min-height:300px}
.line    {height:10px;overflow:hidden}



.classification{margin:0 auto;margin-top:56px;width:900px;background-color:#f2f2f2;padding:15px 0;overflow:hidden}
.classification div{float:left;width:890px;padding:0 10px;border-right:1px dashed #b6b6b6;text-align:right}
.classification div:last-child{border:none}
.classification div span{float:left;display:inline-block;line-height:28px;font-size:18px;color:#000;border-bottom:1px solid #06C}
.classification div a.vip{font-size:16px;margin-right:12px;color:#F33;background:url(vip.jpg) left center no-repeat;padding-left:30px}
.classification div a.more{font-size:16px;margin-right:12px;color:#F33}
.classification div a.vip:hover,.classification div a.more:hover{color:#00F}
.classification div ul  {margin:0;padding:0;overflow:hidden;list-style-type:none;width:100%;line-height:28px;border-top:1px solid #ccc;padding:5px 0;text-align:left;font-size:20px}
.classification div ul li{margin:0;padding:0;float:left;width:12.5%;overflow:hidden; height:28px}

.ending    {clear:both;padding:50px 0 50px 0;min-width:900px;background-color:#f2f2f2;border-top:1px solid #ccc}
.ending div{margin:0 auto;width:900px;font-size:14px}
.ending div span{float:right}
.ending div a {margin-right:10px;margin-left:10px}
.ending div i {display:block;font-style:normal;line-height:36px;font-family:Arial, Helvetica, sans-serif}

@keyframes sus{from {width:1px}to {width:800px}}
@-moz-keyframes sus{from {width:1px}to {width:800px}}
@-webkit-keyframes sus{from {width:1px}to {width:800px}}
@-o-keyframes sus{from {width:1px}to {width:800px}}

.suspension  {position:fixed;z-index:101;bottom:0px;left:0;right:0;height:50px;padding:5px 0;color:#fff}
.suspension .member{margin:0 auto;width:900px;line-height:50px;height:50px;text-shadow:2px 2px 2px #000}
.suspension .member #userText{float:left;width:500px;height:50px;padding-left:40px}
.suspension .member #userText i{position:absolute;font-size:16px;margin-left:-40px;margin-top:2px;color:#80FFFF}
.suspension .member #userUrl {padding:4px;border:1px solid #2991D6;background-color:transparent;font-size:16px; height:24px;width:400px;color:#fff}
.suspension .member .userCopy{padding:5px 7px;border:none;background-color:#2991D6;color:#fff}
.suspension .member .userCopy:hover{background-color:#F60;cursor:pointer}
.suspension .member #userInfo{float:left;width:400px;text-align:right}
.suspension .member #userInfo input{padding:6px;width:80px;color:#fff;background-color:#2289D5;margin-left:10px;border:none}
.suspension .member #userInfo input:last-child{background-color:#fff;color:#333}
.suspension .member #userInfo input:hover{background-color:#F60}
.suspension .member .fa-user    {color:#1A9EE6;font-size:18px}
.suspension .member .fa-database{color:#F90;font-size:16px}
.suspension .member .fa-sign-out{color:#80FF80;font-size:20px}
.suspension .member .fa-sign-out:hover{color:#FF80FF;cursor:pointer}
.suspensionBg{position:fixed;z-index:100;bottom:0px;left:0;right:0;height:60px;background-color:#000;opacity:0.8}

/* index */

h2.idx   {clear:both;padding:10px 0 8px 0;line-height:36px;height:36px;font-size:30px;color:#000;font-weight:normal;overflow:hidden}
h2.idx a {margin-left:8px;font-size:14px;color:#666}
h2.idx a:hover{color:red}

.movie   {float:left;width:400px}
.movie h3,.photos h3,.fiction h3{display:block;font-size:24px;line-height:46px;font-weight:normal}
.movie .recommend{width:380px;height:320px;background-color:#eee}
.main .movie .recommend a{display:block;height:44px;padding-top:276px}
.main .movie .recommend a ul{margin:0;padding:0;height:44px;overflow:hidden;list-style-type:none;background:url(bg.png)}
.main .movie .recommend a ul li{float:left;line-height:20px;height:40px;width:320px;color:#fff;font-size:14px;padding:2px;padding-left:6px}
.main .movie .recommend a ul li.play{padding:2px 0;width:52px;background:url(play.gif) center center no-repeat #000; background-size:auto 90%}

.photos  {float:left;width:400px;margin-top:45px}
.photos .thum{display:block;padding:0 20px 10px 0;width:180px;height:160px;float:left;overflow:hidden}
.photos .thum div{background-color:#f2f2f2;width:180px;padding-top:122px;height:28px;overflow:hidden;background-position:top center;background-size:150% auto}
.photos .thum p  {display:block;background:url(play.jpg) left center no-repeat;color:#fff;padding-left:30px;line-height:21px;height:28px;font-size:14px;overflow:hidden}
.photos .thum p span{display:block;background:url(bg.png);padding:4px}

.fiction {float:left;width:400px}
.fiction ul{margin:0;padding:0;overflow:hidden;list-style-type:none;line-height:36px;border-top:2px solid #090}
.fiction ul li{margin:0;padding:0;overflow:hidden}
.fiction ul li span{float:right;font-size:12px;color:#999}

.channel  {border-top:2px solid #090;padding-top:12px;min-height:446px}
.channel .thum{display:block;padding:4px 8px 0px 10px;width:360px;height:240px;float:right}
.channel .thum div{background-color:#666;width:100%;height:220px;overflow:hidden;background-position:center center; background-repeat:no-repeat;background-size:116% auto}
.channel .thum div img{border:none;width:100%}
.channel .thum p  {display:block;padding:5px 5px 9 5px;line-height:24px;height:24px;font-size:22px;overflow:hidden}
.channel .thum i  {display:block;font-style:normal;background:url(m.png) left center no-repeat;padding-left:20px;color:#666;font-size:12px;line-height:22px}
.channel .r  {padding-right:0}
.channel .thum:hover p{color:red}

.photoChannel {}
.photoChannel h2.idx  {font-size:24px}
.photoChannel h2.idx a{float:right;line-height:50px}
.photoChannel h2.idx a:hover{color:red}
.photoChannel .photoLeft{margin:0 auto;width:880px;padding-left:12px}
.photoChannel .photoRight{float:left;width:438px;padding-left:12px}

.textLeft {float:left;width:570px;padding-right:30px}
.textRight{float:left;width:570px;padding-left:30px}
.textLeft h2.idx,.textRight h2.idx  {font-size:24px;color:#039}
.textLeft h2.idx a,.textRight h2.idx a{float:right;line-height:50px;color:#039}
.textLeft h2.idx a:hover,.textRight h2.idx a:hover{color:red}
.channelText {margin:0;padding:0;overflow:hidden;list-style-type:none;border-top:2px solid #039;line-height:40px;padding:10px 0;min-height:422px}
.channelText li{margin:0;padding:0;height:40px;overflow:hidden;list-style-type:none}
.channelText li span{float:right;font-size:14px;color:#4E819C}

/* class */
h2.location     {clear:both;padding:12px 0 6px 0;line-height:36px;height:36px;color:#000;font-size:26px;font-weight:normal;overflow:hidden}
h2.location span{margin-left:20px;font-size:14px;color:#666}
.classList {float:left;width:900px;padding-right:40px;min-height:600px}
.classSide {float:left;width:380px;min-height:600px}
.classList ul{margin:0;padding:0;overflow:hidden;list-style-type:none;line-height:40px;padding:5px 0;border-top:1px solid #039}
.classList ul li{margin:0;padding:0;border-bottom:1px dashed #ddd;height:40px;overflow:hidden}
.classList ul li span{float:right;font-size:12px;color:#999}
.classList ul li:hover{background-color:#E6F4FB}

.photoList {min-height:450px}
.photoList .thum{padding:10px 10px 25px 10px;width:280px;float:left}
.photoList .thum div{width:100%;height:250px;background-color:#eee;background-position:center center;background-repeat:no-repeat;background-size:130% auto;opacity:0.9}
.photoList .thum a   {display:block;padding-top:200px;height:40px;line-height:24px}
.photoList .thum span{display:block;padding:10px 0;width:278px;height:20px;overflow:hidden;text-align:center;border:1px solid #ddd;border-top:none;background-color:#fff;font-size:14px;margin-top:10px;}
.photoList .thum b{display:block;font-weight:normal;padding-top:5px;width:290px;height:25px;line-height:25px;overflow:hidden;border-top:none;background-color:#fff;font-size:14px}
.photoList .thum i{display:block;font-style:normal;padding-left:20px;width:260px;height:20px;overflow:hidden;font-size:14px;background:url(m.png) left center no-repeat #fff}
.photoList .r  {padding-right:0}
.photoList .thum:hover div{opacity:1}
.photoList .thum:hover span{background-color:#C00;color:#fff}

.sideMovie {width:100%;height:40px;padding-top:220px;background-color:#eee;background-position:center center;background-repeat:no-repeat;background-size:110% auto;display:block}
.sideMovie2{padding-bottom:10px}
.sideMovie2 dl  {padding:6px 0}
.sideMovie2 dl dt{float:left;width:190px;height:90px;background-position:center center;background-repeat:no-repeat;background-size:100% auto}
.sideMovie2 dl dd{float:left;width:200px;padding-left:10px}
.sideMovie div  {padding:0 8px;line-height:40px;height:40px;color:#fff;background:url(bg.png); overflow:hidden}
.sideMovie img  {width:100%}
.sidePhoto .thum{padding:0 5px 16px 0;width:134px;height:150px;float:left}
.sidePhoto .thum div{background-color:#f2f2f2;width:100%;height:120px;overflow:hidden;background-position:center center; background-size:110% auto}
.sidePhoto .thum div img{border:none;width:100%}
.sidePhoto .thum p  {display:block;background-color:#f2f2f2;padding:5px;line-height:22px;height:20px;font-size:14px;overflow:hidden}
.sidePhoto .r  {padding-right:0}
ul.sideBt {margin:0;padding:0;overflow:hidden;list-style-type:none;line-height:40px}
ul.sideBt li{margin:0;padding:0border-top:1px dashed #ddd;height:40px;overflow:hidden}
ul.sideBt li span{float:right;font-size:12px;color:#999}
ul.sideBt li:hover{background-color:#E6F4FB}

.pageList  {clear:both;padding:15px 0;line-height:20px}
.pageList a{display:inline-block;padding:5px 12px}
.pageList strong{display:inline-block;padding:5px 12px;background-color:#63b8ff;color:#fff; text-shadow:1px 1px 1px #333;font-weight:normal}
.pageList a:link,.pageList a:visited {color:#000;text-decoration:none;background-color:#ddd}
.pageList a:hover            {color:#fff;text-decoration:none;background-color:#F60}

/* content */
h1.content  {font-size:28px;line-height:30px;padding:30px 0;font-weight:normal;overflow:hidden;text-align:center}
div.location{line-height:40px;color:#666;font-size:14px;padding-top:14px;border-bottom:1px solid #ddd}
div.content {line-height:34px;padding:10px 0;min-height:600px}
div.content p{text-indent:2em;padding-bottom:10px}
div.content img{max-width:100%}

.contentList {float:left;width:880px;padding-right:40px;min-height:600px}
.contentSide {float:left;width:280px;min-height:600px}
.contentList ul{margin:0;padding:0;overflow:hidden;list-style-type:none;line-height:40px;padding:5px 0;border-top:1px solid #039}
.contentList ul li{margin:0;padding:0;border-bottom:1px dashed #ddd;height:40px;overflow:hidden}
.contentList ul li span{float:right;font-size:12px;color:#999}
.contentList ul li:hover{background-color:#E6F4FB}

.contentMovie {display:block;width:100%;height:40px;padding-top:160px;background-color:#eee;background-position:center center;background-repeat:no-repeat;background-size:110% auto}
.contentMovie2{padding-bottom:10px}
.contentMovie2 dl  {padding:6px 0}
.contentMovie2 dl dt{float:left;width:190px;height:90px;background-position:center center;background-repeat:no-repeat;background-size:100% auto}
.contentMovie2 dl dd{float:left;width:200px;padding-left:10px}
.contentMovie div  {padding:0 8px;height:40px;line-height:40px;color:#fff;background:url(bg.png);overflow:hidden}
.contentMovie img  {width:100%}
.mvPhotos          {overflow:hidden}
.mvPhotos img      {max-width:50%; float:left}
.contentPhoto .thum{padding:0 12px 15px 0;width:134px;height:130px;float:left}
.contentPhoto .thum div{background-color:#f2f2f2;width:100%;height:100px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:110% auto}
.contentPhoto .thum div img{border:none;width:100%}
.contentPhoto .thum p  {display:block;background-color:#f2f2f2;padding:5px;line-height:22px;height:20px;font-size:14px;overflow:hidden}
.contentPhoto .r  {padding-right:0}
ul.contentBt   {margin:0;padding:0;overflow:hidden;list-style-type:none;line-height:40px}
ul.contentBt li{margin:0;padding:0border-top:1px dashed #ddd;height:36px;overflow:hidden}
ul.contentBt li span{float:right;font-size:12px;color:#999;display:none}
ul.contentBt li:hover{background-color:#E6F4FB}

.moviePlay     {padding:20px 200px;background-color:#000}
.moviePlay video{height:500px;width:800px;background-color:#000}

.hotList {}
.hotList .thum{padding:0 12px 20px 0;width:230px;float:left}
.hotList .thum div{width:100%;height:190px;background-color:#eee;background-position:center top;background-repeat:no-repeat;background-size:110% auto}
.hotList .thum a   {display:block;padding-top:160px;height:30px}
.hotList .thum span{display:block;padding:5px 0;line-height:20px;height:20px;overflow:hidden;text-align:center;border-top:none;background-color:#fff;font-size:14px}
.hotList .r  {padding-right:0}
.hotList .thum:hover div{background-size:111% auto}

.playMain  {float:center;background-color:#000;overflow:hidden;padding-top:8px;margin-top:10px;min-width:1000px}
.playPan   {margin:0 auto;width:930px;padding-bottom:8px;overflow:hidden}
.playPail  {float:left;width:115px;height:500px;padding-right:5px;background-color:#000;overflow:hidden}
.playPair  {float:left;width:145px;height:500px;padding-left:50px;background-color:#000;overflow:hidden}
.playPan img{border:none}
.playCenter{float:left;width:600px;height:500px}
#player    {width:500px;min-height:460px;background-color:#000;overflow:hidden}
.playTools {width:600px;height:40px;color:#999;background-color:#222;overflow:hidden}
.playTools i{line-height:40px;padding:0 10px;min-width:30px;border-right:1px solid #333;text-align:center;float:left}
.playTools i span{font-size:14px;padding-left:4px;color:#fff}
.playTools i:hover{color:#0FF;background-color:#000;cursor:pointer}
.contentList img{max-width:100%;border:none}
.playTitle   {background-color:#efefef;padding:8px;min-width:900px;overflow:hidden}
.playTitle div{margin:0 auto;width:900px;font-size:14px}
.playTitle h1{background-color:#efefef;font-size:22px;line-height:24px;padding-bottom:8px;font-weight:normal}
.playTitle h1 span{float:right;color:#06C;font-size:18px;padding-right:200px}
.playTitle h1 i{color:#F90}
.playTitle a {color:#0C6DBE}
#mvButton button {border:none;padding:5px 8px;font-size:16px;color:#fff;background-color:#439D3C}
#mvButton button:hover{background-color:#F0580F;cursor:pointer}

.playlist{ text-align:left; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; padding:13px 0px 10px 0px; overflow:hidden; margin-bottom:5px}
.playlist a{ float:left; border:1px solid #dcdcdc; background:#f2f2f2; color:#333333; display:block; width:115px; height:26px; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center; margin:6px 0px 7px 17px;}
.playlist a:hover,.playlist .on{background:#ffbc00;color:#ffffff ;border:1px solid #ea8c00; text-decoration:none;}