@charset "utf-8";

#popvideo { float:left; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; z-index:1100;}
#popvideo .tab { float:left; width:50%; margin-top:100px; margin-left: 25%; padding: 15px 1%; background-color: #FFFFFF; position:relative; z-index:993;}
#popvideo .tab .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#popvideo .tab .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#popvideo .fechar1 { float:left; width:100%; height:100%; position:fixed; z-index:992; }
#popvideo .fechar2 { position:absolute; padding: 3px 10px 5px; right:-25px; top:-18px; z-index: 994; background-color:#EE0000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family:"Segoe UI", Arial; font-weight:bold; font-size:1.2em; color:#FFFFFF; cursor:pointer; }

#popimg { float:left; width:100%; height: 100%; background-color:rgba(0,0,0,0.8); position:fixed; z-index:1100;}
#popimg .tab { float:left; width: 50%; margin-top: 104px; margin-left: 22%; background-color: #FFFFFF; padding: 0.5%; position:relative; z-index:993;}
#popimg .tab img { float:left; width:100%;}
#popimg .fechar1 { float:left; width:100%; height:100%; position:fixed; z-index:992;}
#popimg .fechar2 { position:absolute; padding: 3px 10px 5px; right:-25px; top:-18px; background-color:#EE0000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family:"Segoe UI", Arial; font-weight:bold; font-size:1.2em; color:#FFFFFF; cursor:pointer;}

@media only screen and (max-width: 900px) {
	#popimg .tab { width: 70%; margin-left: 14%;}
}
@media only screen and (max-width: 700px) {
	#popvideo .tab { width:70%; margin-left:15%;}
	#popvideo .tab iframe { height: 350px;}
}
@media only screen and (max-width: 500px) {
	#popvideo .tab iframe { height: 300px;}
}
@media only screen and (max-width: 400px) {
	#popvideo .tab iframe { height: 200px;}
}