.vjs-theme-city{
    --vjs-theme-city--primary:#70beff;
    --vjs-theme-city--secondary:#fff
}
.vjs-theme-city .vjs-control-bar{
    height:70px;
    padding-top:20px;
    background:none;
    /*background-image:linear-gradient(0deg,#000,transparent)*/
    background: rgb(0,0,0,0.3);
}
.vjs-theme-city .vjs-button>.vjs-icon-placeholder:before{
    line-height:50px;
    color: #fff;
}
.vjs-theme-city .vjs-play-progress:before{
    display:none
}
.vjs-theme-city .vjs-progress-control{
    position:absolute;
    top:0;
    right:0;
    left:0;
    width:100%;
    height:20px
}
.vjs-theme-city .vjs-progress-control .vjs-progress-holder{
    position:absolute;
    top:10px;
    right:0;
    left:0;
    width:100%;
    margin:0
}
.vjs-theme-city .vjs-play-progress{
    background-color:var(--vjs-theme-city--primary)
}
.vjs-theme-city .vjs-remaining-time{
    order:1;
    line-height:50px;
    flex:3;
    text-align:left
}
.vjs-theme-city .vjs-remaining-time>span:nth-child(3){
    color: #fff;
}
.vjs-theme-city .vjs-play-control{
    order:2;
    flex:1;
    font-size:1.75em
}
.vjs-theme-city .vjs-fullscreen-control,.vjs-theme-city .vjs-picture-in-picture-control,.vjs-theme-city .vjs-volume-panel{
    order:3;
    flex:1
}
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{
    height:100%
}
.vjs-theme-city .vjs-mute-control{
    display:none
}
.vjs-theme-city .vjs-volume-panel{
    display: none;
    margin-left:.5em;
    margin-right:.5em;
    padding-top:1.5em
}
.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal,.vjs-theme-city .vjs-volume-panel,.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:hover,.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{
    width:3em
}
.vjs-theme-city .vjs-volume-level:before{
    font-size:1em
}
.vjs-theme-city .vjs-volume-panel .vjs-volume-control{
    opacity:1;
    width:100%;
    height:100%
}
.vjs-theme-city .vjs-volume-bar{
    background-color:transparent;
    margin:0
}
.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level{
    height:100%
}
.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal{
    margin-top:0;
    margin-bottom:0;
    height:100%
}
.vjs-theme-city .vjs-volume-bar:before{
    content:"";
    z-index:0;
    width:0;
    height:0;
    position:absolute;
    top:0;
    left:0;
    border-color:transparent transparent hsla(0,0%,100%,.25);
    border-style:solid;
    border-width:0 0 1.75em 3em
}
.vjs-theme-city .vjs-volume-level{
    overflow:hidden;
    background-color:transparent
}
.vjs-theme-city .vjs-volume-level:before{
    content:"";
    z-index:1;
    width:0;
    height:0;
    position:absolute;
    top:0;
    left:0;
    border-left:3em solid transparent;
    border-bottom:1.75em solid var(--vjs-theme-city--secondary);
    border-right:0 solid transparent;
    border-top:0 solid transparent
}
.vjs-theme-city .prev-0{
    cursor: pointer;
    flex: 1.5;
}
.vjs-theme-city .prev-0 :before{
    content: url( "../images/prevM.png" );
}
.vjs-theme-city .next-0{
    cursor: pointer;
    order: 5;
    flex: 1.5;
}
.vjs-theme-city .next-0 :before{
    content: url( "../images/nextM.png" );
}
.vjs-theme-city .vjs-time-control{
    display:block;
    line-height:50px;
    order: 1;
    padding-left: 0;
    padding-right: 0;
    min-width:1em;
    text-align: center;
}
.vjs-theme-city .vjs-time-control>span:nth-child(2),.video-js .vjs-time-divider>div>span,.vjs-theme-city .pageInfo-0>div>span{
    color: #fff;
}
.vjs-theme-city .vjs-remaining-time{
    display: none;
}
.vjs-theme-city .pageInfo-0{
    order: 4;
    flex: 1;
}

.vjs-theme-city .indexMenu-0{
    margin-right: 3em;
}
.vjs-theme-city .indexMenu-0:before{
    content: url( "../images/icon_index.svg" );
	display: block;
	transform: scale( 1.5 );
}

.vjs-theme-city .fullscreenToggle-0{
    margin-right: 3em;

	font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
	color: #fff;

	order: 3;
}
.vjs-theme-city .fullscreenToggle-0:before{
    content: "\f108";
	display:inline-block;
	transform: scale( 3.0 );
}
 

html .Controlor{
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35057773109243695) 33%, rgba(0,0,0,0.577468487394958) 52%, rgba(0,0,0,1) 100%);
}