
.mejs-inner, 
.mejs-inner div, 
.mejs-inner a, 
.mejs-inner span, 
.mejs-inner button, 
.mejs-inner img { 
    margin: 0; 
    padding: 0; 
    border: none; 
    outline: none; 
}
.mejs-offscreen{
	display:none;
}
.mejs-container { 
    position: relative; 
    background: #000000; 
    border: none; 
    outline: none;  
} 
 
.mejs-inner { 
    position: relative; 
    width: inherit; 
    height: inherit; 
} 
 
.me-plugin { position: absolute; } 
 
.mejs-container-fullscreen .mejs-mediaelement, 
.mejs-container-fullscreen video, 
.mejs-embed, 
.mejs-embed body, 
.mejs-mediaelement { 
    width: 100%; 
    height: 100%; 
} 
 
.mejs-embed, 
.mejs-embed body { 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
} 
 
.mejs-container-fullscreen { 
    position: fixed; 
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    overflow: hidden; 
    z-index: 7; 
} 
 
.mejs-background, 
.mejs-mediaelement, 
.mejs-poster, 
.mejs-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
} 
 
.mejs-poster img { display: block; } 

.mejs-overlay-play { cursor: pointer; } 
 
.mejs-inner .mejs-overlay-button { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 100px; 
    height: 100px; 
    margin: -50px 0 0 -50px; 
    background: url(../images/play.png) no-repeat; 
	background-size: 100%;
} 

.mejs-container .mejs-controls { 
    position: absolute; 
    width: 100%; 
    height: 40px; 
    left: 0; 
    bottom: 0; 
    background: rgba(0,0,0,.5); 
} 
 
.mejs-controls .mejs-button button { 
    display: block; 
    cursor: pointer; 
    width: 35px; 
    height: 16px; 
    background: transparent url(../images/sprite.png); 
} 


.mejs-controls div.mejs-playpause-button { 
    position: absolute; 
    top: 0px; 
    left: 15px;
} 
 
.mejs-controls .mejs-play button, 
.mejs-controls .mejs-pause button { 
    width: 40px; 
    height: 35px; 
    background-position: 0 0; 
} 
 
.mejs-controls .mejs-pause button {  background-position:-40px 0;  } 
 
.mejs-controls div.mejs-volume-button { 
    position: absolute; 
	top: 1px;
	right: 120px;
} 
 
.mejs-controls .mejs-mute button, 
.mejs-controls .mejs-unmute button { 
    width: 40px; 
    height: 35px; 
    background-position: -80px 0; 
} 
 
.mejs-controls .mejs-unmute button { background-position: -120px} 
 
.mejs-controls div.mejs-fullscreen-button { 
    position: absolute; 
    top: 0px; 
    right: 7px; 
} 
 
.mejs-controls .mejs-fullscreen-button button, 
.mejs-controls .mejs-unfullscreen button { 
    width: 35px; 
    height: 35px;
	background-position: -150px 0; 	
} 
 
.mejs-controls .mejs-unfullscreen button {	background-position: -150px 0; } 

.mejs-controls .mejs-horizontal-volume-slider { 
    position: absolute; 
    cursor: pointer; 
    top: 17px; 
    right: 65px; 
} 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { 
    width: 60px; 
   background: rgba(152,152,152, .5);
} 
 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 
    position: absolute; 
    width: 0; 
    top: 0; 
    left: 0; 
	background-color: #ffffff;
} 
@media (min-width:768px){
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 
    height: 4px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
} 
.mejs-currenttime{
	position: absolute;
	top: 10px;
	left: 60px;
	color: #ffffff;
}

.mejs-duration{
	position: absolute;
	top: 10px;
	right: 160px;
	    color: #ffffff;
}
.mejs-controls div.mejs-time-rail { 
    position: absolute;  
    left: 120px; 
    top: 14px;	
	width:100%!important;
} 
}
@media (max-width:767px){
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 
    height: 4px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
} 
.mejs-currenttime{
	position: absolute;
	top: 10px;
	left: 60px;
}

.mejs-duration{
	position: absolute;
	top: 10px;
	right: 40px;
}
.mejs-controls div.mejs-time-rail { 
    position: absolute;  
    left: 120px; 
    top: 14px;	
	width:100%!important;
} 
}
.mejs-controls .mejs-time-rail span { 
    position: absolute; 
    display: block; 
    cursor: pointer; 
    height: 10px; 
    top: 0; 
    left: 0; 
} 
 
.mejs-controls .mejs-time-rail .mejs-time-total { 
    background: rgb(152,152,152); 
    background: rgba(152,152,152, .5); 
	width: 100%!important;
} 
 
.mejs-controls .mejs-time-rail .mejs-time-loaded { 
    background: rgb(0,0,0); 
    background: rgba(0,0,0, .0); 
	width: 100%!important;
} 
 
.mejs-controls .mejs-time-rail .mejs-time-current { width: 0; 
	background-color:#ffffff; 
}


.mejs-controls .mejs-time-rail .mejs-time-handle { 
    position: absolute; 
    cursor: pointer; 
    width: 14px!important;
	height: 14px;
	top: -2px;
    background-color:#ffffff; 
	border-radius:100%;
} 
 
.mejs-controls .mejs-time-rail .mejs-time-float { 
    position: absolute; 
    display: none; 
    width: 33px!important;
    height: 23px; 
    top: -26px; 
    margin-left: -17px; 
}
@media (min-width: 1025px){ 
.close{	
	right:-6%;
	position:absolute;
	width: 25px;
    height: 25px;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
	z-index:9999;
    opacity: 1!important;
}
}

@media (min-width: 767px) and (max-width: 1024px){
.close{
	position:absolute;
	top:-35px;
	right:2%;
	width: 25px;
    height: 25px;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
	z-index:9999;
    opacity: 1!important;    
}

}
.close:hover{
	cursor:pointer;
}
@media (max-width: 766px){
.close{
	position:absolute;
	top:-35px;
	right:2%;
	width: 15px;
    height: 15px;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
	z-index:9999;
    opacity: 1!important;    
}
}
.close:hover{
	cursor:pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current { 
    position: absolute; 
    display: block; 
    left: 0; 
    top: 4px; 
 
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    color: #666666; 
    text-align: center; 
} 
 
.mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none; } 

