/*基础制作页面组件*/
body,label, ul, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }

/*视频*/
/*player*/
.player {float:left;width:615px;height:461px;background:#000;z-index:10;}
.player_contain {position:relative;height:240px;background:#000;z-index:9;}
.player_contain_stype {background:none;}
.player_contain_wide {width:453px;height:250px; overflow:hidden;}
.player_contain_wide .player {width:305px;height:250px;}
.player_contain_wide .player_baropen {width:285px;}
.playerbar {position:absolute;right:-305px;top:0px;width:178px;height:535px;background:#303030;overflow:hidden;-webkit-transition:all .4s linear;transition:all .4s linear;}
.playerbar_tt {height:20px;padding:0 10px 0 6px;background:#292929;overflow:hidden;}
.playerbar_tigger {float:left;display:block;width:5px;height:240px;background-position:0 -2px;text-indent:-9999px;outline:none;}
.playerbar_tigger:hover {background-position:-21px -2px;}
.playerbar_con {float:left;width:150px;height:240px;}
.playerbar_contain {position:relative;width:133px;height:240px;padding-right:20px;margin-top:10px;overflow:hidden;}
.playerbar_scrollbar {position:absolute;right:8px;top:0;width:6px;height:238px;background:#3c3c3c;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.playerbar_scrolltrack {position:absolute;right:0;display:block;width:6px;background:#616161;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.playerbar_scrollbar:hover {background:#3c3c3c;}
.playerbar_scrollbar:hover .playerbar_scrolltrack {background:#999;}
.playerbar_close {right:-300px;}
.playerbar_open {right:-8px;-webkit-transition:all .4s linear;transition:all .4s linear;}
.playerbar_open .playerbar_tigger {width:15px;background-position:-42px -2px;}
.playerbar_open .playerbar_tigger:hover {background-position:-63px -2px;}
.playerbar_open .playerbar_con {display:block;}
.player_widemode .player {width:433px !important;}
.player_widemode .playerbar {right:-155px !important;}
.player_widemode .playerbar_tigger {width:20px;background-position:0 -2px;}
.player_widemode .playerbar_tigger:hover {background-position:-21px -2px;}

/*imglist*/
.mask {position:absolute;right:0;bottom:0;padding:0 5px;color:#fff;line-height:16px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.pmask {position:absolute;left:0;top:0;display:block;width:150px;height:210px;background-position:-125px 0;_display:none;opacity:0;filter:alpha(opacity=0);cursor:pointer;transition:all linear .2s;}
.movtxt {position:absolute;right:0;top:0;padding:0 5px;color:#fff;line-height:16px;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.onmask {position:absolute;left:0;top:0;display:none;width:120px;height:68px;background-position:-84px -419px;}
.masktxt {position:absolute;display:block;left:0;bottom:0;width:138px;height:34px;_height:20px;background-position:-125px -220px;_background:#000;padding:0 6px;color:#fff;line-height:42px;_line-height:20px;overflow:hidden;cursor:pointer;_filter:alpha(opacity=60);}

.imglist li {float:left;display:inline;margin-top:20px;overflow:hidden;}
.imglist .pic {position:relative;display:block;margin-bottom:5px;}
.imglist .pic:hover {text-decoration:none;}
.imglist .pic:hover .pmask {opacity:1;filter:alpha(opacity=100);}

.imglist_120x68 {overflow:hidden;zoom:1;}
.imglist_120x68 li {position:relative;float:none;display:block;height:58px;padding:8px 4px 8px 140px;margin:0;}
.imglist_120x68 li:hover, .imglist_120x68 .on {background:#4f4f4f;}
.imglist_120x68 .pic {position:absolute;left:6px;top:8px;width:120px!important;height:58px!important;overflow:hidden;}
.imglist_120x68 a {color:#ccc;}
.imglist_120x68 .title {display:block;height:38px;margin-bottom:5px;overflow:hidden;}
.imglist_120x68 .on a {color:#3CA0FF;}
.imglist_120x68 .on .onmask {display:block;}
.imglist_120x68_2 li {display:block;padding-left:135px;}
.imglist_120x68_2 li:hover {background:none;}
.imglist_120x68_2 .pic {left:0;}
.imglist_120x68_2 .title {color:#333;}
.imglist_120x68_2 .title:hover {color:#249ff1;}

.imglist_150x85 {>float:left;margin-left:-20px;}
.imglist_150x85 li {width:150px;height:128px;margin-left:20px;}
.imglist_150x85 .pic, .imglist_150x85 img {width:150px;height:85px!important;}
.imglist_150x85_side li {margin-top:12px;}

.imglist_150x210 {>float:left;margin-left:-20px;}
.imglist_150x210 li {width:150px;height:235px;margin-left:20px;}
.imglist_150x210 .title {position:relative;height:20px;padding-right:20px;font-size:14px;overflow:hidden;}
.imglist_150x210 .score {position:absolute;right:0;top:0;color:#f60;}
.imglist_150x210 .pic, .imglist_150x210 img {width:150px;height:210px;}

.imglist_rank em {position:absolute;left:0;top:0;display:block;width:22px;height:20px;background-position:-365px -104px;color:#fff;text-align:center;}
.imglist_rank .title {padding:0;}