﻿.movie_pane{width:100%; position:relative;}
.movie_pane , .movie_pane div , .movie_pane dt , .movie_pane dd{box-sizing:border-box; -moz-box-sizing:border-box;}
.movie_pane > .header{width:100%; height:70px; padding:20px 35px 0px 165px; position:static; background:url("../images/movie_head.png") no-repeat scroll 35px 16px #f1f1f1; border-bottom:1px solid #d0d0d0;*height:50px; }
.movie_pane > .header > p > input{width:400px; border-radius:5px;}
.movie_pane > .header > p > a{height:20px; line-height:20px;}
.movie_pane > .box{ width:100%; padding:0px 35px;}
.movie_pane > .box > .nav{width:100%; height:35px; position:relative; border-bottom:3px solid #ccc; margin-bottom:10px;*width:95%}
.movie_pane > .box > .nav > li{width:65px; line-height:35px; overflow:hidden; text-align:center; display:inline-block; cursor:pointer; border-bottom:3px solid #ccc;float:left}
.movie_pane > .box > .nav > li:hover{border-bottom:3px solid #068ce1;}
.movie_pane > .box > .nav > .on{ border-bottom:3px solid #068ce1; }
.movie_pane > .box > .nav > select{width:75px; margin-top:10px;}
.movie_pane > .box > .list{width:100%; margin-bottom:10px; text-align:center;margin:0 auto}
.movie_pane > .box > .list > dl{width:200px; margin:5px 10px; display:inline-block; padding:0px; cursor:pointer; float:left;*width:190px;}
.movie_pane > .box > .list > dl > dt{width:200px; height:100px; border:2px solid #fff; position:relative; padding:0px;}
.movie_pane > .box > .list > dl > dt:hover{border:2px solid #0066bb;}
.movie_pane > .box > .list > dl > dt > .screen{width:100%; height:100%;}
.movie_pane > .box > .list > dl > dt > .tip{width:33px; height:17px; top:0px; right:0px; position:absolute;}
.movie_pane > .box > .list > dl > dt > span{position:absolute; color:#fff; font-size:12px;  bottom:0px; right:0px; padding:1px 3px; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.movie_pane > .box > .list > dl > dd{text-align:center;}
.movie_pane > .box > .list > dl > dd > p{line-height:20px; color:#ccc;}
.playcnt i{display:inline-block;width:15px;height:15px;background:url(../images/icon1.png) no-repeat -657px -551px;position:relative;top:3px;margin-right:3px;}
.playcnt{color:#666;}
.movie_pane > .box > .list > dl > dd > p span.blue{width:85px;*width:80px;width:100%;word-wrap:normal;
text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;display:block}
.movie_pane > .box > .list > dl > dd > p span.red{width:75px;}
.movie_pane > .box > .list > dl > dd > p > span{margin:0px 5px;height:20px;word-wrap:normal;
text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;}
.red{color:#cc0000;}
.blue{color:#0066cc;}
.grey{color:#bbb}
.dgrey{color:#666666}
.video_copy{bottom:-13px;right:0;text-align:center;color:#333;font-size:14px;}
.movie_pane > .footer{width:100%; height:35px; overflow:hidden; text-align:center;}
.movie_pane > .footer > a{line-height:25px; color:#666; float:none; margin:0px 5px; padding:0px 10px; border:1px solid #ccc; text-align:center; display:inline-block; border-radius: 0;background:#fff}
.movie_pane > .footer > a:hover{background:#eff0f0;}
.movie_pane > .footer > a.disabled,.movie_pane > .footer > a.disabled:hover{color:#999;cursor:default;background:#fff}
.movie_pane > .footer > a.on,.movie_pane > .footer > a.on:hover{color:#fff;box-shadow: none;border:1px solid #2674d4;background-color:#2785d9;background-image: -moz-linear-gradient(center top , #2e8ee2, #2785d9);background-image: -webkit-linear-gradient(top, #2e8ee2 0%, #2785d9 100%);}
.movie_pane p.copy{line-height:20px; position:absolute; color:#333; bottom:5px; right:0; text-align:center;font-size:14px;width:100%}
.movie_pane.screen_min p.copy{line-height:16px;}
.movie_pane p.detail_copy{bottom:5px; right:50px;}
.movie_pane > .movie_detail_pane{width:100%; height:100%; top:0px; left:1440px; background:#fff; box-shadow:-1px 3px 3px #555; position:absolute;overflow:hidden;}
.movie_pane > .movie_detail_pane > dl{width:100%; height:100%; overflow:hidden; padding-left:0px; position:relative;}
.movie_pane > .movie_detail_pane > dl > dt{width:100%; height:70px;*height:50px; padding:10px 50px;*padding:5px 50px; background:#f1f1f1; border-bottom:1px solid #D0D0D0; position:relative; margin-bottom:10px;}
.movie_pane > .movie_detail_pane > dl > dt > div > h1{width:auto; color:#014ccc; margin-right:10px; display:inline-block; padding-left:0px;font-family:Arial,"微软雅黑";font-size:16px;}
.movie_pane > .movie_detail_pane > dl > dt > p > span{margin-right:10px;}
.movie_pane > .movie_detail_pane > dl > dt > a{position:absolute; top:22px; right:50px;*right:100px;padding:4px 27px!important; }
.movie_pane > .movie_detail_pane > dl > dt > a.greenbutton{background-color: #2785D9;
    background-image: -moz-linear-gradient(center top , #2E8EE2, #2785D9);
    border: 1px solid #2674D4;
    box-shadow: none;color:#fff}
.movie_pane > .movie_detail_pane > dl > dt > a.greenbutton:hover{background-color: #2680d0;
    background-image: -moz-linear-gradient(center top , #2c89da, #2680d0);}
.movie_pane > .movie_detail_pane > dl > dt > a.comment{position:absolute; top:22px; right:150px;}
.movie_pane > .movie_detail_pane > dl > dd{width:80%; min-width:640px; height:490px; margin:0px auto; padding:5px; background:#303030;}
.movie_pane.screen_min > .movie_detail_pane > dl > dd{height:410px;}
.movie_pane > .movie_detail_pane > dl > dd > .play_screen{width:78%; height:480px; background:url("../images/convert.png") no-repeat center center #d7d7d7;}
.movie_pane.screen_min > .movie_detail_pane > dl > dd > .play_screen{height:400px;}
.movie_pane > .movie_detail_pane > dl > dd > ul{width:22%; height:463px;text-align:center;padding:3px 0}
.movie_pane > .movie_detail_pane > dl > dd > ul > li{cursor:pointer;position:relative;width:100%;}
.movie_pane > .movie_detail_pane > dl > dd > ul > li > p{height:20px; line-height:20px;width:100%;word-wrap:normal;
text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;}
.movie_pane > .movie_detail_pane > dl > dd > ul > li img.screen{width:95%;height:95px;border:2px solid #303030}
.movie_pane > .movie_detail_pane > dl > dd > ul > li img.screen:hover{border:2px solid #0066bb}
.movie_pane.screen_min > .movie_detail_pane > dl > dd > ul > li img.screen{height:76px;}
.movie_pane > .movie_detail_pane > dl > dd > ul > li.on img.screen{border:2px solid yellow}
.movie_pane > .movie_detail_pane > dl > dd > ul > li img.tip{ height: 17px;position: absolute; right: 5px;top: 2px;width: 33px;}
.movie_pane > .movie_detail_pane > dl > dd > ul > li > span{bottom:22px; left:5px; position:absolute; padding:1px 3px; background:#000; color:#fff; opacity:0.5; filter:alpha(opacity=50);}
.movie_pane > .movie_detail_pane > dl > .reply{ width:300px; height:400px; position:absolute; right:-280px; top:70px; border-left:1px solid #d0d0d0; background:#f1f1f1; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; padding-bottom:10px;}
.movie_pane > .movie_detail_pane > dl.on > .reply{right:0px;}
.movie_pane > .movie_detail_pane > dl > .reply > div{width:20px; height:100%; background:#ebebeb; cursor:pointer; background:url(../images/l_arr.png) no-repeat left center;}
.movie_pane > .movie_detail_pane > dl.on > .reply > div{background-image:url(../images/r_arr.png)}
.movie_detail_pane  .reply > dl{width:270px; height:100%; overflow-y:auto;}
.movie_detail_pane  .reply > dl > dt { width:100%; padding:10px 0px; margin-bottom:10px;}
.movie_detail_pane  .reply > dl > dt * {vertical-align:middle}
.movie_detail_pane  .reply > dl > dt > a{height:15px!important;  }
.movie_detail_pane  .reply > dl > dt > textarea {width:98%; height:85px; resize:none; box-sizing:border-box; -moz-box-sizing:border-box;  padding:5px; }
.movie_detail_pane  .reply  dd{ width:100%; float:left; padding-bottom:5px; border-bottom:1px dotted #d0d0d0; margin:10px 0}
.movie_detail_pane  .reply  dd > p { width:32px; padding-top:3px; }
.movie_detail_pane  .reply  dd > div { width:160px; margin-left:10px; float:left; }
