div.vs_stream_player {
    width:inherit;
    height:inherit;
    z-index:25;
}
video.vs_stream_player {
    width:inherit;
    height:inherit;
    z-index:26;
}


div.vs_stream_player_ui {
    position:absolute;
    z-index:27;
    width:inherit;
    height:inherit;
    color:#fff;
    display: flex;
    flex-flow: column;
}
div.vs_stream_player_ui_header {
    height:150px;
    width:inherit;
    z-index:28;
    background:linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    opacity:0%;
    transition:opacity 1s;
}
div.vs_stream_player_ui_content {
    width:inherit;
    z-index:28;
    flex:auto;
    opacity:0%;
    transition:opacity 1s;
}
div.vs_stream_player_ui_bar_wrapper {
    width:inherit;
    height:40px;
}
div.vs_stream_player_ui_bar {
    display:flex;
    height:40px;
    z-index:28;
    background:linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.8) 100%);
    opacity:0%;
    transition:opacity 1s;
    padding-left:10px;
    padding-right:10px;
}
div.vs_v9_videplayer_ui_bar_upper {
    height:20px;
    z-index:28;
    opacity:0%;
    transition:opacity 1s;
    background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
}
div.vs_stream_player_ui:hover div.vs_stream_player_ui_header, div.vs_stream_player_ui:hover div.vs_stream_player_ui_content, div.vs_stream_player_ui:hover div.vs_stream_player_ui_bar , div.vs_stream_player_ui:hover div.vs_v9_videplayer_ui_bar_upper {
    opacity:100%;
    transition:opacity 1s;
}
div.vs_stream_player_ui_bar_pause {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_pause:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_pause:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_pause {
    width:25px;
    height:25px;
}
div.vs_stream_player_ui_bar_play {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
    display:none;
}
div.vs_stream_player_ui_bar_play:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_play:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_play {
    width:25px;
    height:25px;
}
div.vs_stream_player_ui_bar_spacer {
    flex:auto;
}
div.vs_stream_player_ui_bar_spacer1 {
    width:5px;
}
div.vs_stream_player_ui_bar_spacer2 {
    width:15px;
}

div.vs_stream_player_ui_bar_vol {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_vol:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_vol:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_vol {
    width:25px;
    height:25px;
}

div.vs_stream_player_ui_bar_vol_0 {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
    display:none;
}
div.vs_stream_player_ui_bar_vol_0:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_vol_0:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_vol_0 {
    width:25px;
    height:25px;
}

div.vs_stream_player_ui_bar_vol_1 {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
    display:none;
}
div.vs_stream_player_ui_bar_vol_1:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_vol_1:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_vol_1 {
    width:25px;
    height:25px;
}

div.vs_stream_player_ui_bar_vol_2 {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
    display:none;
}
div.vs_stream_player_ui_bar_vol_2:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_vol_2:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_vol_2 {
    width:25px;
    height:25px;
}

div.vs_stream_player_ui_bar_settings {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_settings:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_settings:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_settings {
    width: 23px;
    height: 23px;
    padding: 1px;
}
div.vs_stream_player_ui_bar_theater {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_theater:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_theater:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_theater {
    width:25px;
    height:25px;
}
div.vs_stream_player_ui_bar_quality_label {
    width:55px;
    text-align: center;
    font-weight: bold;
    height: inherit;
    line-height: 35px;
    font-size: 14px;
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.vs_stream_player_ui_bar_quality_label:hover {
    color:#ddd;
}
div.vs_stream_player_ui_bar_quality_label:active {
    color:#eee;
}
div.vs_stream_player_ui_bar_pip {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_pip:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_pip:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_pip {
    width: 20px;
    height: 20px;
    padding: 3px;
}
div.vs_stream_player_ui_bar_cast {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_cast:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_cast:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_cast {
    width:25px;
    height:25px;
    padding:4px;
}
div.vs_stream_player_ui_bar_quality {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_quality:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_quality:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_quality {
    width: 23px;
    height: 23px;
    padding: 1px;
}
div.vs_stream_player_ui_bar_fullscreen {
    width:25px;
    height:25px;
    padding:5px;
    cursor:pointer;
}
div.vs_stream_player_ui_bar_fullscreen:hover {
    background-color: rgb(255,255,255,0.1);
    border-radius: 50%;
}
div.vs_stream_player_ui_bar_fullscreen:active {
    background-color: rgb(255,255,255,0.15);
    border-radius: 50%;
}
img.vs_stream_player_ui_bar_fullscreen {
    width:25px;
    height:25px;
}
div.vs_stream_player_ui_bar_vol_slider {
    width:100px;
    height:inherit;
    line-height: 32px;
}
input.vs_stream_player_ui_bar_vol_slider {
    width:80px;
    appearance:none;
    background-color:#fff;
    height:4px;
    cursor:pointer;
}
input.vs_stream_player_ui_bar_vol_slider::-webkit-slider-thumb {
    appearance: none;
    background-color:#fff;
    width:15px;
    height:15px;
    border-radius:50%;
    border:solid 1px #ccc;
    cursor:pointer;
    box-shadow:0 0 5px #000;
}
input.vs_stream_player_ui_bar_vol_slider::-moz-range-thumb {
    appearance: none;
    background-color:#fff;
    width:15px;
    height:15px;
    border-radius:50%;
    border:solid 1px #ccc;
    cursor:pointer;
    box-shadow:0 0 5px #000;
}
div.vs_stream_player_ui_bar_status {
    display:flex;
    height:37px;
}
div.vs_stream_player_ui_bar_status_icon {
    background-color:#990000;
    width:10px;
    height:10px;
    border-radius:50%;
    box-shadow:0 0 5px #000;
    margin:auto;
}
div.vs_stream_player_ui_bar_status_text {
    text-align: center;
    font-weight: bold;
    height: inherit;
    line-height: 37px;
    font-size: 16px;
    padding-left:5px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div.vs_stream_player_ui_quickseek {
    display:flex;
    width:1920px;
    margin-left:auto;
    margin-right:auto;
    padding-top:300px;
}