/*vC[*/ #player {color:#888888; display:none; z-index:999; position:fixed; bottom:0; left:0; width:100%; height:50px;} .ctrl {height:50px; line-height:50px; width:100%; position:absolute; bottom:0; left:0; background:#484848; border-top:1px solid #595959; -moz-box-shadow:inset 0px -4px 0px #252525; -webkit-box-shadow:inset 0px -4px 0px #252525; box-shadow:inset 0 8px 6px -6px #252525;} /*.ctrl_no_shadow {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}*/ .playlist {width:100%; position:absolute; left:0; bottom:51px; display:none; background:#484848; border-top:1px solid #595959;} .pl_btnbox {float:right; width:300px; text-align:right; font-size:0; border-left:1px solid #363636;} .pl_btnbox a {color:#999999; width:50px; display:inline-block; text-align:center; line-height:50px; font-size:1.8rem; font-size:18px; position:relative;} .pl_btnbox a:hover {color:#ffffff; text-decoration:none;} .btn_pl_play, .btn_pl_pause {width:100px !important;} .btn_pl_vol .btnicon{position:relative; z-index:2;} .pl_info {margin-right:301px; position:relative; overflow:hidden;} /* EDIT START */ /* DELETE .pl_info .tr_name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px 0 50px; position:relative; z-index:2; background-position:10px center; background-repeat:no-repeat; background-size:30px 30px; color:#ffffff;} .pl_info .tr_name a {color:#ffffff; font-weight:bold;} .pl_info .progress {position:absolute; left:0; top:0; height:50px; background:#2c2c2c; -moz-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); -webkit-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5);} .pl_info .loaded {position:absolute; left:0; top:0; height:50px; background:#555555; -moz-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); -webkit-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5);} */ /* ADD START */ .pl_info .tr_image {position:absolute; z-index:999; top:10px; left:10px; width:30px; height:30px; display:none;} .pl_info .tr_name {position:absolute; z-index:999; top:20px; left:50px; line-height:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .pl_info .tr_name a {color:#ffffff; font-weight:bold;} .pl_info .progress {position:absolute; left:0; top:0; width:100%; height:50px; background:#2c2c2c; -moz-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); -webkit-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); cursor:pointer;} .pl_info .loaded {position:absolute; left:0; top:0; width:100%; height:50px; background:#555555; -moz-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); -webkit-box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); box-shadow:inset 0 8px 6px -6px rgba(0,0,0, 0.5); cursor:pointer;} /* ADD END */ /* EDIT END */ /* .pl_vol_slider {position:absolute; width:48px; height:190px; background:#555555; bottom:5px; left:0; z-index:1; display:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #666666; moz-box-shadow:0 0 7px rgba(0,0,0, 0.3); -webkit-box-shadow:0 0 7px rgba(0,0,0, 0.3); box-shadow:0 0 7px rgba(0,0,0, 0.3);} */ .pl_vol_slider {position:absolute; width:48px; height:200px; background:#555555; bottom:5px; left:0; z-index:1; display:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #666666; moz-box-shadow:0 0 7px rgba(0,0,0, 0.3); -webkit-box-shadow:0 0 7px rgba(0,0,0, 0.3); box-shadow:0 0 7px rgba(0,0,0, 0.3);} .btn_pl_vol_on {color:#ffffff !important;} /* .pl_vol_bg {width:4px; height:120px; position:relative; margin:0 auto;} .pl_vol_bg_inner {width:4px; height:110px; top:5px; background:#cccccc; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative; overflow:hidden;} .pl_vol_bg_hilight {width:4px; height:110px; background:#999999; position:relative; bottom:80px;} */ .pl_vol_bg {width:4px; height:130px; position:relative; margin:0 auto;} .pl_vol_bg_inner {width:4px; height:110px; top:10px; background:#999999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative; overflow:hidden;} .pl_vol_bg_hilight {width:4px; height:80%; background:#cccccc; position: absolute; bottom:0;} .pl_vol_icon {line-height:32px; width:50px; color:#ffffff; text-align:center;} .pl_vol_hundle {height:20px; width:20px; position:absolute; top:60px; left:14px; cursor:pointer;} .pl_vol_hundle_inner {height:12px; width:12px; background:#2cadcb; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-top:4px; margin-left:4px;} .pl_title {position:relative; border-bottom:1px solid #595959; line-height:26px; height:26px; background:#333333; padding:0 10px; font-size:1.1rem; font-size:11px; -moz-box-shadow:inset 0px -4px 0px #252525; -webkit-box-shadow:inset 0px -4px 0px #252525; box-shadow:inset 0 8px 6px -6px #252525;} .pl_list_close {width:36px; height:26px; text-align:center; color:#999999; display:block; text-decoration:none !important; position:absolute; top:0; right:0;} .pl_list_close:hover {color:#ffffff;} .pl_list_clear {width:100px; height:26px; text-align:right; color:#999999; display:block; position:absolute; top:0; right:46px; font-size:1.1rem; font-size:11px;} .pl_listbox {height:369px; overflow-y:auto;} .pl_list {position:relative; border-bottom:1px solid #595959; cursor:default; line-height:36px; height:36px; overflow:hidden; cursor:pointer;} .pl_list:hover {background:#3d3d3d;} .pl_list_current {background:#2c2c2c !important;} .pl_list_thum {width:36px; height:36px; float:left; display:block; margin-left:7px; background-position:center; background-repeat:no-repeat; background-size:30px 30px;} .pl_list_time {width:60px; float:right; text-align:right;} .pl_list_btn {width:36px; height:36px; float:right; margin-left:10px; text-align:center; color:#555555; display:block; text-decoration:none !important;} .pl_list_btn:hover {color:#e03a3a;} .pl_list_title {margin-left:50px; margin-right:120px; font-size:1.1rem; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; position:relative;} .pl_list_title a {color:#cccccc;} .pl_list_demotitle {font-weight:normal; margin-left:10px; color:#999999;} .btn_pl_list_off i {color:#fcf9a9;} #mask {display:none; position:fixed; top:50%; left:50%; width:70px; height:70px; margin-top:-35px; margin-left:-35px; background-color:#fff; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity = 80); border:1px solid #e0e0e0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; z-index:1000;}