/*video*/
.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/sprits.png); 
} 


.mejs-controls div.mejs-playpause-button { 
    position: absolute; 
    top: 6px; 
    left: 15px;
} 
 
.mejs-controls .mejs-play button, 
.mejs-controls .mejs-pause button { 
    width: 30px; 
    height: 30px; 
    background-position: -1px -37px; 
} 
 
.mejs-controls .mejs-pause button {  background-position:-1px -3px;  } 
 
.mejs-controls div.mejs-volume-button { 
    position: absolute; 
    top: 10px;
    right: 130px;
} 
 
.mejs-controls .mejs-mute button, 
.mejs-controls .mejs-unmute button { 
    width: 23px; 
    height: 19px; 
    background-position: -2px -172px; 
} 
 
.mejs-controls .mejs-unmute button { background-position:-44px -172px} 
 
.mejs-controls div.mejs-fullscreen-button { 
    position: absolute; 
    top: 8px;
    right: 15px; 
} 
 
.mejs-controls .mejs-fullscreen-button button, 
.mejs-controls .mejs-unfullscreen button { 
    width: 24px; 
    height: 24px;
    background-position: 0 -77px;  
} 
 
.mejs-controls .mejs-unfullscreen button {  background-position: 0 -110px; } 

.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;
    color:#ffffff;
}

.mejs-duration{
    position: absolute;
    top: 10px;
    right: 40px;
    color:#ffffff;
}
.mejs-controls div.mejs-time-rail { 
    position: absolute;  
    left: 120px; 
    top: 14px;  
    width:100%!important;
} 
.mejs-inner .mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(../images/play.png) no-repeat;
    background-size: 100%;
}
}
.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:-3%;
    position:absolute;
    width: 25px;
    height: 25px;
    background: url(../images/close2.png) no-repeat;
    background-size: 100%;
    z-index:9999;
}
}

@media (min-width: 767px) and (max-width: 1024px){
.close{
    position:absolute;
    top:-35px;
    right:2%;
    width: 25px;
    height: 25px;
    background: url(../images/close2.png) no-repeat;
    background-size: 100%;
    z-index:9999;
}

}
.close:hover{
    cursor:pointer;
}
@media (max-width: 766px){
.close{
    position:absolute;
    top:-35px;
    right:2%;
    width: 15px;
    height: 15px;
    background: url(../images/close2.png) no-repeat;
    background-size: 100%;
    z-index:9999;
}
}
.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; } 


.video1{
    position:fixed;
    left:50%;
    display:none;
    z-index: 999;
}
.video_shadow{
    position: fixed;
    background-color: #000000;
    z-index: 9;
        top:0;
    left:0;
    height:100%;width:100%;
    opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;-o-opacity:0.7;
    display: none;
}
.playbotton{
    margin-right:10px;
}
.playbotton:hover{
    cursor:pointer;
}