body{margin: 0; padding:0;}

#wrapper{
	 height:100%; width:100%;
	
	position: relative;
	background-color: #666666;
}


#video_block{ position: absolute; height:100%; width:100%;  max-width:1280px; max-height:720px; min-height:360px;  
background-color: #666666; margin: 0;
    padding:0;
    overflow: hidden;}

	
#text_block{position: absolute; display:none;
width:100%;height:100%; background-color: rgba(0, 0, 0, 0.7);
padding-top: 20px;}

.event_block{position: absolute; display:none;
width:100%;height:100%;  background-color: rgba(0, 0, 0, 0.7);
padding-top: 20px;z-index:999;}

.event_block_transp{position: absolute; display:none;
width:100%;height:85%; 
padding-top: 20px;z-index:999;}

.event_div{ position: absolute; bottom:100px; width:100%;
margin:0px auto;}
.event_div_t{  position: absolute; bottom:0px; width:100%;
margin:0px auto;}
.event_div_dop{ position: relative;margin: 0 auto; width: 100%;}


.event_div_text_transp{  color:#ffffff; font-size:24px; text-align:center;}
.event_div_text{  color:#ffffff; font-size:24px; text-align:center; background-color: rgba(0, 0, 0, 0.7);}
.event_div_head{color:#ffffff; font-size:32px; text-align:center;margin-bottom:200px; font-weight:bold;}
.event_div_qwe{color:#ffffff; font-size:28px;  padding:10px;}



.link_to_lable{cursor:pointer;}
.link_to_lable:hover{text-decoration:underline;}

.clean{clear:both;}



#text_block_qwe{position: absolute; display:none;
width:100%;height:100%; background-color: rgba(0, 0, 0, 0.7);
padding-top: 20px;}

#text_block_play_back{position: absolute; display:none;
width:100%;height:100%; background-color: rgba(0, 0, 0, 0.7);
padding-top: 20px;}

#text_block_link{
	position: absolute; width:300px; top: 50%; left:50%; 
	margin-left:-150px; margin-top:-50px;
}

#text_block_link A{ color:#ffffff;  font-size:35px;  text-decoration:none;}
#text_block_link A:hover{ color:#ffffff;  font-size:35px; text-decoration:underline;}



#text_button{
    position: absolute;
    right: 50px;
    bottom: 50px;
    width:100px; height:100px; background-color: transparent;
z-index:998;

}



.tbl_qwe{width:70%; margin-left:-50%; left:50%;}
.tbl_qwe td{padding:5px;color:#ffffff; font-size:24px;}
.tbl_qwe td A{color:#ffffff; text-decoration:none;}


#qwe_cont{position:absolute; bottom:0; left:0;}
#qwe_cont_block{ border:2px solid #ffffff;
margin: 0 10px 10px 10px;}


.back_lnk A{color:red; font-size:22px;}

#controls_block{position:absolute; width:100%; bottom:30px; left:0;}

#controls span {
    display:inline-block;
}
        
#playpause {    
    padding:8px 0 0 5px;
    width:40px;
}
#playpause img{    
    padding: 0; margin: 3px 0 0 0;

}
#progress {
    width:290px;
	height:10px;
}
            
#total {
    width:100%;                
    background:#999;
	height:10px;
	line-height:0;
}
            
#buffered {
    background:#ccc;
	height:10px;
	line-height:0;
}
            
#current {
    background:#eee;
    line-height:0;
    height:10px;
}
            
#time {
    color:#999;
    font-size:12pt;
}

#dynamic {
    fill:#333;
    padding:0 0 0 5px;
}
            
#dynamic.off {
    fill:#ccc;
}

#vol_range{
    width:50px;
    height:15px;
    margin-top:5px;
}




@media all and (max-width: 1024px) {
	#video_block{max-width:1024px; max-height:570px; min-height:300px;}
	.event_div_text_transp{font-size:24px;}
	.event_div_text{font-size:24px;}
	.event_div_head{font-size:28px;margin-bottom:100px; font-weight:bold;}
	.event_div_qwe{font-size:24px;}
	#progress {width:290px;}
}

@media all and (max-width: 768px) {
	#video_block{max-width:768px; max-height:720px; min-height:250px;}
	.event_div_text_transp{font-size:16px;}
	.event_div_text{font-size:16px;}
	.event_div_head{font-size:18px;margin-bottom:50px; font-weight:bold;}
	.event_div_qwe{font-size:16px;}
	#progress {width:190px;}
	#controls_block{bottom:50px;}
}

@media all and (max-width: 600px) {
	#video_block{max-width:600px; max-height:720px; min-height:200px;}
	.event_div_text_transp{font-size:12px;}
	.event_div_text{font-size:12px;}
	.event_div_head{font-size:14px;margin-bottom:20px; font-weight:bold;}
	.event_div_qwe{font-size:12px;}
	#progress {width:100px;}
	#controls_block{bottom:50px;}
}