@keyframes PopUpfadeInOpacity {
	0% { opacity:0; }
	100% { opacity:1; }
}

.popup:hover {
color:rgba(225, 0, 0, 1);
text-decoration:none;
cursor:pointer;
}
.overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.5);
animation-name:PopUpfadeInOpacity;
animation-iteration-count:1;
animation-timing-function:ease-in;
animation-duration:0.6s;
display:none;
z-index:10000;
}
.showoverlay {
display:block;
}
.popupbox {
position:fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:80vw;
height:90vh;
background-color:white;
animation-name:PopUpfadeInOpacity;
animation-iteration-count:1;
animation-timing-function:ease-in;
animation-duration:0.4s;
display:none;
overflow:hidden;
z-index:10001;
}
.showpopupbox {
display:block;
}
.popup-iframe {
width:99.5%;
height:calc(100% - 5rem);
margin-left:0.5%;
border:none;
}
.popup-imgbox, .popup-txtbox {
width:100%;
height:calc(100% - 5rem);
margin:0 auto;
padding:2rem;
overflow-y:auto;
}
.popup-imgbox img {
width:auto;
max-width:100%;
height:auto;
max-height:100%;
margin:0 auto;
display:block;
}

.closebox {
font-size:2em;
font-weight:700;
}
@media only screen and (max-width:1000px) {
	.closebox {
	}
}