.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
/* .modalDialog:target {
	opacity:1;
	pointer-events: auto;
} */
.modalDialog > div > div{
    border-radius: 10px;
	background: #fff;
	/* margin: 5% auto;
	padding: 5px 20px 13px 20px; */
	/* background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in; */
}
.video{
    width: 50%;
	height: auto;
    border-radius: 10px;
}
.bi-camera-fill{
    font-size: 60px;
    cursor: pointer;
	z-index: 9999;
}
.closee{
    font-size: 60px;
	cursor: pointer;
}
/*********** PARA CELULARES *************/
@media screen and (max-width: 600px){
	.video{
		width: 100% !important;
		height: auto;
		border-radius: 10px;
		/* height: 50%; */
	}
	.foto_zoom img{
		margin-top: 30% !important;
		width: 90% !important;
		height: 50% !important;
	}
}
.foto_zoom{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.foto_zoom img{
	margin-top: 2%;
	width: 50%;
	height: 90%;
	border-radius: 10px;
}