@font-face{font-family:"iconfont";src:url('fonts/iconfont.eot');src:url('fonts/iconfont.eot#iefix') format('embedded-opentype'),url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype'),url('fonts/iconfont.svg#iconfont') format('svg');}.player_control_iconfont{font-family:"iconfont"!important;font-size:28px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;color:#fff;line-height:30px;text-align:center;position:relative;}.player_control_iconfont:after{content:" ";position:absolute;top:0;left:0;display:block;width:30px;height:30px;background:radial-gradient(30% 30%,hsla(0,0%,100%,.6),hsla(0,0%,100%,0));border-radius:50%;opacity:0;transition:opacity .4s ease-in-out}.player_control_iconfont_volumn:after{background:radial-gradient(30% 30%,rgba(255,255,255,.6),rgba(0,0,0,0));}.player_control_iconfont:hover:after{opacity:1;cursor:pointer}#container{position:relative;background:#000;z-index:0;overflow:hidden;font-size:0;width:800px;}.video_container{display:inline-block;position:relative;width:100%;height:100%;background:#000;}#customVideo{width:100%;height:100%;background:#000;}.player_control{position:absolute;left:0px;right:0px;bottom:0px;height:60px;background-color:rgba(48,40,44,.5);border-radius:4px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:100;transition:all .4s ease-in-out;opacity:0;}.player_control:after{content:" ";display:block;height:0;visibility:hidden;clear:both}.player_control_play{position:absolute;width:30px;height:30px;bottom:0px;margin:5px;cursor:pointer}.player_control_hover_time{width:auto;line-height:20px;text-align:center}.player_control_progress{position:absolute;left:0px;right:0px;top:10px;padding:0;width:auto;height:2px;background-color:rgba(48,40,44,.5)}.player_control_progress_played{z-index:5;position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;}.player_control_progress_played:after,.player_control_progress_played:before{content:" ";position:absolute;left:0;top:-10px;width:100%;height:20px;background-color:rgba(255,255,255,.5);opacity:0;transition:all .4s ease-in-out;}.player_control_progress_played:after{}.player_control_progress_buffer{z-index:4;position:absolute;top:0;left:0;width:0;height:100%;background-color:hsla(0,0%,100%,.2);}.player_control_progress_buffer:after,.player_control_progress_buffer:before{content:" ";position:absolute;left:0;top:-10px;width:100%;height:20px;opacity:0;background-color:hsla(0,0%,100%,.2);transition:all .4s ease-in-out;}.player_control_progress_buffer:after{}.player_control_progress_total{z-index:4;position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.2);}.player_control_progress_total:after,.player_control_progress_total:before{content:" ";position:absolute;left:0;top:-10px;width:100%;height:20px;transition:all .4s ease-in-out }.player_control_progress_total:after{top:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.player_control_progress:hover>.player_control_progress_buffer:after,.player_control_progress:hover>.player_control_progress_buffer:before,.player_control_progress:hover>.player_control_progress_played:after,.player_control_progress:hover>.player_control_progress_played:before{opacity:1;}.play_control_pregressText{position:absolute;bottom:0px;left:40px;font-size:14px;width:120px;line-height:40px;color:#fff;text-align:center;}.play_control_durationText{bottom:0px;font-size:14px;width:60px;line-height:40px;color:#fff;position:absolute;right:195px;text-align:center;opacity:0;}.player_control_logo{display:inline-block;float:right;margin-right:10px;line-height:42px;}.player_control_fullscreen{position:absolute;right:0px;bottom:0px;width:30px;height:30px;margin:5px 10px;cursor:pointer}.player_control_hint{display:none;position:absolute;left:0;bottom:23px;font-size:14px;color:#fff;background-color:rgba(48,40,44,.5);}.player_control_hint:before{content:" ";position:absolute;left:50%;top:100%;margin-top:12px;width:2px;height:20px;background:#fff}.player_control_hint:after{content:" ";position:absolute;bottom:-5px;left:50%;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(48,40,44,.5)}.player_control_click{z-index:6;position:absolute;width:100%;height:20px;top:-10px;cursor:pointer}.video_volumn{position:absolute;right:50px;top:38px;width:135px;background:#fff;}.video_volumn_head{position:absolute;top:-13px;color:#fff;}.video_volumn_total{position:absolute;left:35px;width:100px;height:4px;border-radius:4px;background:rgba(255,255,255,0.5);}.video_volumn_box{position:absolute;left:35px;width:100px;height:4px;z-index:6;cursor:pointer;}.video_volumn_volume{position:absolute;left:0px;height:4px;background:#fff;width:0;}.center_icon{position:absolute;width:80px;height:80px;pointer-events:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.percent_volume_center{position:absolute;width:100px;height:60px;border-radius:5%;top:50%;left:50%;display:none;background:rgba(255,255,255,0.7);text-align:center;line-height:60px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.water_mark{position:absolute;width:80px;height:80px;background-position:center;background-repeat:no-repeat;background-size:initial;pointer-events:none;z-index:100;}