
img.poster{
    max-width:100%;
    max-height:100%;
    z-index: 2;
    position: absolute;
    left: 0;
    top:0;
}
.unlvideocontainer{
    position: relative;
    /* background: #000;*/
	background: #dde9f51a;
}
.html5_video_div{
    width: 100%;
    height: auto;
    position: relative;
    /*                background: black;*/
}
img.loader{
    position: absolute;
    left: 47%;
    top:47%;
    z-index: -1;
}
.unlvideocontainer.fullscreen,.html5_video_div.fullscreen,.adContainer.fullscreen,
 .adContainer.fullscreen div.fullscreen{
    width: 100% !important;  
    height: 100% !important; 
    position: absolute;
    left: 0;
    top: 0;
}
.unlvideocontainer.fullscreen video::-webkit-media-controls-fullscreen-button {
    /*                display: none;*/
}
.videoInsert {
    position: absolute; 
    right: 0; 
    bottom: 0;
    width: 100% !important;  
    height: 100% !important; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}
.zindexfirst{
    display: block;
}
.zindexsecond{
    display: none;
}
.player {
    background: #000;
    box-sizing: border-box;
    border-radius: 5px;
    height: 20px;
    -moz-box-sizing: border-box;
    float: left;
    font-family: Arial, sans-serif;
    position: absolute;
    padding: 2px 0;
    bottom: 0px;
    z-index: 1;
    opacity: 1;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
}
.player img{
    float: right;
    max-height: 100%;
    margin: 0px 5px;
    /*                margin:8px 10px 0 0;*/
    cursor: pointer;
}
@media screen and (max-width: 767px){
    .unlvideocontainer{
        width: 100%;
    }
    .unlvideocontainer video{
        width: 100%;   
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .unlvideocontainer{
        margin: 0 auto;
        display: table;
    }
}

/* New Control Css */
.mob_controls_html,.controls_html {
    background: #000;
    height: 16px;
    width: 100%;
    padding: 2px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mob_container .loader{
    left: 40%;
    top: 41%;
}
.mob_container .firstloader{
    top: 21% ;
}
.controls_html img{
    width: 16px;
    max-height: 100%;
    cursor: pointer;
    float: left;
    margin: 0 5px;
}
.controls_html .progress_section {
    height: 16px;
    position: relative;
    float: left;
    cursor: pointer;
    margin: 0px 5px 0px 0px;
}
.controls_html .progress_section:before{
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    height: 6px;
    background: #404040;
}
.controls_html .progress_section .progress_bar{
    position: absolute;
    height: 6px;
    width: 0%;
    left: 0;
    top: 5px;
    background: #0193CC;
}
.controls_html .progress_section .bufferBar{
    position: absolute;
    height: 6px;
    width: 0%;
    left: 0;
    top: 5px;
    background: #7f7f7f;
}
.controls_html .progress_section .progress_bar .progress_bar_icon{
    position: absolute;
    top: -4px;
    left: 100%;
    height: 12px;
    border: 1px solid #fefefe;
    background: #0193CC;
    width: 3px;
    box-shadow: 0px 0px 1px 1px #FFF inset;
}
.controls_html span{
    color: #fff;
    float: left;
    margin: 0 5px;
    text-align: center;
    font-size: 14px;
}
.volume_bars{
    float: left;
    width: 40px;
}
.volume_bars .volume_bar{
    width: 2px;
    height: 100%;
    margin: 0px 1px;
    cursor: pointer;
    float: left;
}
.volume_bars .volume_bar .vol_span{
    width: 2px;
    height: 15px;
    float: left;
    margin: 0px;
    text-align: left;
    color: transparent;
}
.player_logo {
    position: absolute;
    top: 5px;
    right: 5px;
}
.volume_bars .volume_bar .vol_span img{
    max-width: 100%;
    float: left;
    margin: 0px;
    height: 13px;
}
.volume_bars .volume_bar .vol_span.vol_on img.lvl_on{
    display: block;
}
.volume_bars .volume_bar .vol_span.vol_on img.lvl_off{
    display: none;
}
.volume_bars .volume_bar .vol_span.vol_off img.lvl_off{
    display: block;
}
.volume_bars .volume_bar .vol_span.vol_off img.lvl_on{
    display: none;
}
.player.zindexsecond{
    height: 16px;
}
.player.zindexsecond .full_screen_btn{
    float: right;
    max-height: 100%;
    margin: 0px 5px;
}
.playbtnyume{
    display: none !important;
}
.adContainer{
    position: absolute;
    top:0;
    left: 0;
}
.adContainer div:first{
    background-color: red;
}
.controls_html{
    z-index: 1;
}
/************** Mobile ***************/

.mob_container{
    position: relative; 
    /*                background: none;*/
}
.mob_container.playing_state{
    background: black;
}
.mob_controls_html img{
    width: 16px;
    max-height: 100%;
    cursor: pointer;
    margin: 0 5px; 
}
.ui-page-active,.ui-page-active:focus,.ui-page{
    outline: none;
}
.mob_controls_html .progress_section {
    height: 16px;
    position: relative;
    float: left;
    cursor: pointer;
    margin: 0px 5px 0px 0px;
}
.mob_controls_html .progress_section:before{
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    height: 6px;
    background: #404040;
}
.mob_controls_html .progress_section .progress_bar{
    position: absolute;
    height: 6px;
    width: 0%;
    left: 0;
    top: 5px;
    background: #0193CC;
}
.mob_controls_html .progress_section .bufferBar{
    position: absolute;
    height: 6px;
    width: 0%;
    left: 0;
    top: 5px;
    background: #7f7f7f;
}
.mob_controls_html .progress_section .progress_bar .progress_bar_icon{
    position: absolute;
    top: -4px;
    left: 100%;
    height: 12px;
    border: 1px solid #fefefe;
    background: #0193CC;
    width: 3px;
    box-shadow: 0px 0px 1px 1px #FFF inset;
}
.mob_controls_html span{
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.mob_controls_html span.current{
    margin-left: 5px;
}
.mob_controls_html span.duration{
    margin-right: 5px;
}

.unlvideocontainer video{
   /* object-fit: fill; */

 /*  width: auto;
  height: auto;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
  /*width: auto;
    height: auto;*/
    margin: 0 auto;
}
 #unl_vplayer{
overflow:hidden; 
}
.adsctrl div img{
    width: inherit;
    height: inherit;
}
.adsctrl div img.fullscreen{
    width: auto;
    height: auto;
}

.unlvideocontainer img.play-icon{
    width: auto;
}
.unlvideocontainer img.player_logo{
    width: auto;
}
.unlvideocontainer .controls_html{
    line-height: 1em;
}
img.player_logo{
    width: auto;
    position: absolute;
	/*opacity: 0.9;*/
}
img.loader-icon{
    width: auto;
}
.objectfit{
    object-fit: fill;
}
.admuteContainer{
    z-index: 100000;
    background-color: #7f7f7f;
    border-radius: 50%;
    padding: 5px 8px;
    right: 20px;
    bottom: 10px;
    position: absolute;
    display: none;
}
.admuteContainer img{
    margin: 0;
    float: none;
}
.bg-black{
    background-color: #000;
}

.unlvideocontainer .adContainer video{object-fit: fill !important;
}