@charset "utf-8";
/* CSS Document */
.kind-line,.kind-type span,a.ico-num-no span,a.ico-num-go span,.login-tip,a.ico-num-no span, a.ico-num-go span,a.ico-num-no:hover span, a.ico-num-go:hover span{ background:url(http://i2.letvimg.com/img/201303/29/1610/ico_movie.png) no-repeat -1000px -1000px;}
.pre .num-list i{ background: url(http://i1.letvimg.com/img/201303/07/home-ico.png) no-repeat -10000px -10000px;}

h3{ height:34px; line-height:34px; padding:0 15px; color:#a1c8f3; font-size:15px;}
h3 a{ color:#a1c8f3;}

.left,.con,.right{ float:left; display:inline;}
.right{ float:right;}

.title{ position:relative; z-index:1;}
.title small{ position:absolute; right:10px; top:6px; font-size:12px;}
.title small a{width:36px; height:22px; line-height:22px; text-align:center; display:none;}
.title small a:hover{ background-color:#5399ee; color:#fff; border-radius:2px;}
.right .title small a { _padding:2px 6px 0 6px;}

.title h2{height:50px;line-height:50px;font-size:28px;color:#2d7ac3;text-shadow:1px 1px 0px #fff;float:left;width:118px;position:relative;display:inline-block;}
.title h2 a{ display:block; height:50px; overflow:hidden;}
.title h2 a:hover{filter:alpha(opacity=80); opacity:0.8; background:#E9E9E9;}
.title h2,.title h2 a{ color:#4193d7;}
.title .H210,.title .H211,.title .H212,.title .H213{ width:60px;}
.title h3{ background:#ffffff; color:#444444; font-size:16px; overflow:hidden;}

.title .num{ position:absolute; left:106px; top:0; display:none;}
.Comedy .title .num,.Act .title .num,.Love .title .num,.War .title .num{ left:50px;}

.more { float:right; width:68px; font-size:14px; height:50px; overflow:hidden; display:inline; margin-right:3px;}
.more a{ display:block; width:58px; height:30px; padding:0 5px; text-align:center; border-radius:3px; line-height:30px; margin-top:15px; color:#529bef;}
.more a:hover{ background-color:#529bef; color:#fff;}
.Wei .more{ width:80px;}
.Wei .more a{ width:70px;}
.Inland .more,.Hongkong .more,.Japan .more,.West .more,.Classic .more,.Comedy .more,.Act .more,.Love .more,.War .more{ width:100px;}
.Inland .more a,.Hongkong .more a,.Japan .more a,.West .more a,.Classic .more a,.Comedy .more a,.Act .more a,.Love .more a,.War .more a{ width:90px;}
/**/
.Kind,.Num,.Preview,.Movie,.Hot,.Wei,.Inland,.Hongkong,.Japan,.West,.Classic,.Comedy,.Act,.Love,.War,.Fast{width:986px;margin:20px auto 0 auto;overflow:hidden;position:relative;}
.Kind{ width:983px;}
.info-warp { width: 1380px;}
.Num .warp-body,.Num .info-body,.Wei .info-body,.Comedy .info-body,.Act .info-body,.Love .info-body,.War .info-body{ height:291px;}
.Fast .info-body{ height:386px;}
.Hot .info-body,.Inland .info-body,.Hongkong .info-body,.Japan .info-body,.West .info-body,.Classic .warp-body{ height:596px;}
.warp-body .list,.info-list .list{ margin-left:20px;}
.warp-body .ls-1,.info-list .cn-1,.warp-body .cn-1{ margin-left:0;}
.Fast .ls-1{ margin-left:0;}
.Kind .info-body{ height:138px;}
.pre,.rank,.hot-star,.special,.movie-login{ background-color:#f8f8f8; box-shadow:2px 2px 3px #ddd;}
.hot-star{ margin-top:20px;}
/**/
.w180,.w255{ box-shadow:2px 2px 3px #ddd; background-color:#fff; height:180px;}
.w180 dt,.w255 dt{ position:relative;}
.w180 dt b,.w255 dt b{ position:absolute; left:0px; bottom:0px; _bottom:-1px; width:100%; height:29px; cursor:pointer; background:url(http://i1.letvimg.com/img/201301/31/bg.png)!important; background-repeat:repeat-x; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.letvimg.com/img/201301/31/bg.png');}
.w180 dt,.w180 dt a,.w180 dt img{ width:180px; height:135px; display:block; overflow:hidden;}
.w180 dd,.w255 dd{ padding:0 15px; padding:0 12px\0; height:20px; overflow:hidden;}
.w180 i,.w180 b,.w255 i,.w255 b{ float:left;}
.w180 i,.w255 i{ height:19px; margin:1px 0 0 5px; overflow:hidden;}
.w180 i a,.w255 i a{ font-size:11px;font-weight:bold; line-height:16px;color:#666; display:inline-block; height:16px; padding:0 2px;border:1px solid #777; border-radius:3px; overflow:hidden; _line-height:18px;_font-size:12px; _font-weight:normal;}
.w180 i a,.w255 i a,.w380 i a{font-weight:bold;border:1px solid #777;border-radius:3px;overflow:hidden; _font-size:12px; _font-weight:normal;}
.w180:hover i a,.w255:hover i a{ background-color:#333; color:#fff;}
.w180:hover i a:hover,.w180 i a:hover,.w255:hover i a:hover,.w255 i a:hover{ background-color:#539bf0; border:1px solid #539bf0; transition:none; color:#fff;}
.w180 dd.d-t b a, .w255 dd.d-t b a{ font-size:14px;}

.w255{ height:285px;}
.w255 dt,.w255 dt a,.w255 dt img{ width:180px; height:240px; display:block; overflow:hidden;}
.w180 dt{ background-position:52px -1124px;}
.w255 dt{ background-position:52px -1076px;}

.hot-star .num-list li{ height:80px;}
.w60{ width:150px; height:60px; overflow:hidden; clear:both; margin-top:3px;}
.w60 dt{ position:relative; float:left; width:60px; height:60px; overflow:hidden; margin-right:8px;}
.w60 dt img{ width:58px; height:58px; border:1px solid #eae9e9;}
.w60 dd{ float:left; width:82px; height:20px; line-height:20px; overflow:hidden;}
.w60 dd.d-i{ height:40px;}
.w60 dd.d-i a{ color:#969696;}
/**/
.pic-list{ width:180px; float:left;}
.pic-list .Li02{ margin-top:20px;}
/**/
.num-list{ padding:0px 15px; overflow:hidden; height:251px; background:#f8f8f8 url(http://i3.letvimg.com/img/201303/19/movie_bg.png) repeat-x;}
.num-list i,.num-list b,.num-list em{ height:22px; overflow:hidden;}
.num-list i{ width:14px; height:14px; border:1px solid #5d5d5d; border-radius:2px; text-align:center; line-height:14px; font-family:Arial; margin:4px 5px 0 0;float:left;}
.num-list i{ background-color:#fff;}
.num-list b{ width:128px; float:left;}
.num-list em{ font-family:Arial; float:right; width:31px;}
.num-list li{ line-height:24px; height:24px; overflow:hidden; zoom:1; display:block;float:left; width:150px;}

.pre .title{ height:30px; overflow:hidden;}
.pre .num-list{ height:102px;}
.pre .num-list i {background-position: -47px top; font-size: 11px; height: 16px; line-height: 19px; margin-top: 1px;text-indent: -1px;width: 17px; border: 1px solid #F8F8F8;}
.pre .num-list b{ width:126px; line-height:21px;}
.special .num-list{ height:79px; padding-top:10px;}
.special .num-list li{ float:none;}
/**/
.chart{ width:986px; margin:0 auto; position:relative; overflow:hidden; z-index:1;}
.chart-info{ height:400px;}.chart-info img{ display:none;}
.slides li{ position:absolute; left:0; top:0; width:100%; height:100%;}

.s-mul a{ display:block; position:absolute; left:0; top:0; width:100%; height:400px;}
.s-mul span{ display:block; position:absolute; z-index:0; cursor:pointer;}
.s-bg{ display:block;width:600px; height:300px; background:url(http://i2.letvimg.com/img/201303/22/blackbg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i2.letvimg.com/img/201303/22/blackbg.png'); bottom:0; left:0;}
.s-1280{ display:block;width:152px; height:127px; background-position:left -26px; right:22px; top:0;}

.s-txt{ position:absolute; left:21px; bottom:70px; color:#fff; width:460px; cursor:pointer; display:none; }
.s-txt dt,.s-txt dd{ overflow:hidden; text-shadow: 1px 1px 0 #444444;}
.s-txt .caption{ font-size:50px; line-height:70px; height:70px;}
.s-txt .time{ font-size:20px; line-height:30px; height:30px;}
.s-txt .info{ font-size:14px; line-height:26px;}

.slides li{ display:none}
.slides li.active{ display:block;}

.chart-list{ width:1440px; height:48px; position:absolute; left:2px; bottom:-18px; padding-top:18px; z-index:1;}
.chart-list li{ width:102px;float:left;cursor:pointer;height:48px;filter:alpha(opacity=40); opacity:0.4; overflow:hidden; position:relative;}
.chart-list li img{ width:102px; height:48px;}
.chart-list li span{ display:block; position:absolute; top:0; left:0; border:3px solid #333; }
.chart-list .active span{ border:2px solid #fff;}

/**/
.info-body,.hot-body,.other-body,.warp-body{ width:1386px; height:383px; height:380px\9; overflow:hidden;}.hot-body{ height:399px;}.warp-body{ height:183px;}
.info-body .list,.hot-body .list,.other-body .list,.warp-body .list{ display:inline; float:left;}
.info-body .left{ width:800px; overflow:hidden; position:relative;}
.info-body .right,.hot-body .right{ width:180px; float:left;}
/**/
.kind-box{ width:980px; margin-top:3px; border:1px solid #d0d0d0; border-top:2px solid #93c2f4; border-radius:5px; height:130px; _overflow:hidden;}
.kind-line{ border:1px solid #ffffff; border-radius:5px; height:128px; padding:0 8px; background-position:0 -200px; background-repeat:repeat-x;}
.kind-type{ float:left; margin-left:6px; margin-top:33px; display:inline; font-size:14px; position:relative; width:380px;}
.kind-type li{ width:44px; float:left; border-left:1px solid #dfdfe0; padding:0 4px; margin-left:-1px;} 
.kind-type a{ display:inline-block; padding:0 7px; height:23px; line-height:22px; overflow:hidden; margin:0 0 4px 0;}
.kind-type ul{ overflow:hidden;}
.kind-type a:hover{ background:#529bef; border-radius:2px; color:#ffffff;}
.kind-type1{width:200px;}
.kind-type1 ul li { width:56px;}
.ver-line1{ display:none;}
.kind-type2{ display:none; width:204px;}
.kind-type2 ul li { width:60px;}
.kind-type3{width:160px;}
.kind-body{ position:relative; width:1380px; height:128px; margin-left:-10px;}
.kind-type span{ width:66px; height:26px; display:inline-block; position:absolute; top:-34px; left:10px; line-height:22px; text-align:center; color:#ffffff; font-size:14px; background-position:0 0;}
.kind-type span a{ color:#ffffff;}
.kind-type span a:hover{ background:none;}
/**/
.h43{ background-color:#f8f8f8; height:85px;}
.h43 dt img{height: 43px; width: 180px;}
.h43 dd{ background-color:none; height:20px; line-height:20px; padding:0 10px; overflow:hidden; margin-top:6px;}
/**/
.movie-login{ background:#f8f8f8; height:270px; padding-top:15px; position:relative;}
.movie-login ul{ padding:0 15px; height:90px; display:none;}
.movie-login ul.active{ display:block;}
.movie-login ul li{ clear:both;}
.movie-login dl{ padding:0 15px; padding-top:10px;}
.movie-login dl dt{ font-size:14px;}
.movie-login dl a{ color:#529bef;}
a.ico-num-no,a.ico-num-go,a.ico-num-no:hover, a.ico-num-go:hover{ border:1px solid #1a8de7; color:#ffffff; font-size:14px; text-align:center; cursor:pointer; }
a.ico-num-no:hover,a.ico-num-go:hover{ color:#ffffff;}
a.ico-num-no{ display:block; width:120px; margin:0 auto;}
a.ico-num-no span,a.ico-num-go span{ border:1px solid #5ab5f0; display:block; height:25px; overflow:hidden; line-height:24px; background-position:0 -340px; background-repeat:repeat-x; font-size:14px;}
a.ico-num-no:hover span, a.ico-num-go:hover span{background-position:0 -410px; background-repeat: repeat-x; border: 1px solid #98cdf8;}


a.ico-num-go{ float:right; width:80px;}
a.ico-order,a.ico-chong,a.ico-renew{ float:right; font-size:14px; color:#529bef; margin-right:4px; display:inline; }
a.ico-order,.span6{ height:20px; line-height:20px; }
a.ico-chong{}
a.ico-renew{ float:none; margin:0;}
.span1{ float:left; height:30px; line-height:30px; margin-right:20px; font-size:14px;}
.span2,.span3,.span4{ font-size:14px; color:#444444;}
.span2{ margin-right:10px;}
.span3,.span6{ float:left;}
.span5,.span6{ font-size:14px;}
.login-tip { display:block; background-position:0 -380px; width:18px; height:18px; overflow:hidden; position:absolute; top:97px; right:10px;}
.m-l-li1{ height:30px; overflow:hidden;}
.m-l-li2{ height:24px; margin-top:6px; line-height:24px; overflow:hidden;}
.m-l-li3{ height:20px; line-height:20px; overflow:hidden;}
.m-l-li4{ height:20px; padding-top:10px; overflow:hidden; line-height:20px;}
/**/
.Line{ background-color:#fff; border-top:1px solid #c4c4c4; height:1px; overflow:hidden;}
.ver-line{ height:100%; background:#dadada; border-right:1px solid #ffffff; width:1px; float:left;}

.w180:hover,.w255:hover,.rank:hover,.movie-login:hover,.hot-star:hover,.special:hover,.pre:hover{ box-shadow:0 0 3px #48a3eb;}

.warp-body{ padding:3px 0 0 3px;}
.info-warp { padding:3px 0 3px 3px;}
.right{ padding:3px 0 0 0;}

.z-rank:hover,.z-rank:hover .title small a,.z-rank .title small.active a,.rank:hover,.rank:hover .title small a,.rank .title small.active a,.hot-star:hover,.hot-star:hover .title small a,.hot-star .title small.active a,.special:hover,.special:hover .title small a,.special .title small.active a{ display:block;}
.Banner{ margin:30px auto 0 auto;}

.H-Logo{width:85px;}
.M-Logo{background-position:0 -43px; width:50px;}

.Preview .info-list .ls-1{ margin-left:0;}
.Preview .info-body{ height:186px;}