.popvideo-wrapper{z-index:999;position:fixed;width:100%;top:0;background:#09030580;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.popvideo-wrapper *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.popvideo{width:100%;max-width:1000px;margin-right:15px;margin-left:15px;-webkit-box-shadow:0 0 6px 2px rgba(0,0,0,0.3);box-shadow:0 0 6px 2px rgba(0,0,0,0.3);position:relative;padding-bottom:4px;overflow:hidden}.popvideo:hover .popvideo-head{top:0}.popvideo:hover .popvideo-control-wrap{bottom:0}.popvideo-content video{width:100%;display:block}.popvideo-head,.popvideo-control-wrap{position:absolute;background:rgba(0,0,0,0.3);width:100%;color:white;z-index:5}.popvideo-head{top:-40px;left:0;padding-left:15px;padding-right:50px;-webkit-transition:top .3s ease;transition:top .3s ease}.popvideo-close{display:block;position:absolute;right:0;text-decoration:none;color:white;height:40px;width:40px;text-align:center;line-height:40px;font-size:24px;-webkit-transition:color .3s ease;transition:color .3s ease}.popvideo-close:hover{color:#ff6e0b}.popvideo-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;height:40px;line-height:40px;font-weight:normal}.popvideo-control-wrap{height:42px;bottom:-42px;left:0;-webkit-transition:bottom .3s ease;transition:bottom .3s ease}.popvideo_progress_bar_container{position:absolute;z-index:4;left:0;top:-10px;width:100%;height:10px;padding:0;vertical-align:top;cursor:pointer}.popvideo_progress_bar_container:hover{z-index:9}.popvideo_progress_bar_container:hover .popvideo_progress_list{height:10px}.popvideo_progress_bar_container:hover .popvideo_btn_scrubber{display:block}.popvideo_progress_bar_container:hover .popvideo_scrubber_indicator{margin-top:10px}.popvideo_progress_bar_container:after{content:'';display:block;width:100%;height:4px;position:absolute;bottom:-4px}.popvideo_btn_scrubber{position:absolute;display:none;width:30px;height:30px;margin-left:-15px;top:-10px;cursor:pointer;pointer-events:none}.popvideo_scrubber_indicator{position:relative;margin-top:13px;margin-left:10px;width:10px;height:10px;border-radius:100%;background-color:#fff;-webkit-box-shadow:0 0 15px #ff6e0b;box-shadow:0 0 15px #ff6e0b}.popvideo_progress_list{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:rgba(166,166,166,0.5);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .25s cubic-bezier(0,0,0.2,1);transition:all .25s cubic-bezier(0,0,0.2,1)}.popvideo_progress_load,.popvideo_progress_play{position:absolute;left:0;top:0;height:100%;background-color:#ff6e0b;-webkit-transform:translateZ(0);transform:translateZ(0)}.popvideo_progress_load{background-color:rgba(255,255,255,0.5)}.popvideo_icon{position:relative;width:36px;height:36px;fill:#fff}.popvideo_btn{position:relative;cursor:pointer;background:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.popvideo_btn:hover .popvideo_icon{fill:#ff6e0b;cursor:pointer}.popvideo_controls{position:absolute;bottom:0;left:0;width:100%;height:42px}.popvideo_controls .popvideo_btn{height:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.popvideo_left_controls,.popvideo_right_controls{position:relative;float:left;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.popvideo_left_controls .popvideo_btn{width:36px;margin-left:4px;text-align:center;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.popvideo_left_controls .popvideo_icon{display:block;width:36px;height:36px;margin:auto}.popvideo_icon:after,.popvideo_icon:before,.popvideo_icon_inner:after,.popvideo_icon_inner:before{content:'';position:absolute;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.popvideo_btn_play .popvideo_svg_symbol{visibility:hidden;opacity:0}.popvideo_btn_play[data-status=pause] .popvideo_svg_pause,.popvideo_btn_play[data-status=play] .popvideo_svg_play,.popvideo_btn_play[data-status=replay] .popvideo_svg_replay{visibility:visible;opacity:1}.popvideo_time_display{height:100%;margin-left:0;white-space:nowrap;font-size:0;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.popvideo_time_display>div{display:inline;font-size:12px}.popvideo_time_display .popvideo_time_separator{margin:0 1px;color:rgba(255,255,255,0.5)}.popvideo_time_display .popvideo_time_duration{color:rgba(255,255,255,0.5)}.popvideo_right_controls{float:right}.popvideo_right_controls .popvideo_btn{margin-right:10px;z-index:8}.popvideo_right_controls .popvideo_none{display:none}.popvideo_right_controls .popvideo_icon{display:block;width:24px;height:24px}.popvideo_right_controls .popvideo_icon_volume{width:20px;height:20px}.popvideo_icon_fake,.popvideo_icon_fullscreen{pointer-events:none}.popvideo_btn_volume .popvideo_svg_symbol{display:none}.popvideo_btn_volume[data-status=mute] .popvideo_svg_volume_mute,.popvideo_btn_volume[data-status=normal] .popvideo_svg_volume{display:block}.popvideo_btn_fake .popvideo_svg_symbol,.popvideo_btn_fullscreen .popvideo_svg_symbol,.popvideo_btn_size .popvideo_svg_symbol{display:none}.popvideo_btn_fake[data-status=false] .popvideo_svg_fake,.popvideo_btn_fake[data-status=true] .popvideo_svg_fake_true,.popvideo_btn_fullscreen[data-status=false] .popvideo_svg_fullscreen,.popvideo_btn_fullscreen[data-status=true] .popvideo_svg_fullscreen_true,.popvideo_btn_size[data-status=false] .popvideo_svg_size,.popvideo_btn_size[data-status=true] .popvideo_svg_size_true{display:block}.popvideo_volume_range{width:100px;margin-left:7px;height:4px;background:rgba(255,255,255,0.5);border-radius:2px;position:relative}.popvideo_volume_range_current{background-color:#ff6e0b;height:100%;border-radius:2px}.popvideo_volume_handle{width:10px;height:10px;background:white;position:absolute;border-radius:5px;top:-3px;margin-left:-5px}.popvideo_volume_handle:hover{-webkit-box-shadow:0 0 4px 4px #ff6e0b;box-shadow:0 0 4px 4px #ff6e0b}@-webkit-keyframes popvideo_btn_rotate{0%{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes popvideo_btn_rotate{0%{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}}@-webkit-keyframes popvideo_btn_rotate_2{0%{-webkit-transform:rotate(-90deg) translateZ(0);transform:rotate(-90deg) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes popvideo_btn_rotate_2{0%{-webkit-transform:rotate(-90deg) translateZ(0);transform:rotate(-90deg) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center}}.popvideo.popvideo-fullscreen{width:100%;height:100%;max-width:none;background:inherit;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.popvideo.popvideo-fullscreen .popvideo-content video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}