.cover {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 80;
	background-color: rgba(255, 255, 255, 0.8);
display: none;
}

.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 70%;
	max-width: 980px;
	border: solid 4px #000000;
	box-sizing: border-box;
	display: none;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	
	z-index: 99;
}

.popup img {
	width: 100%;
	height: auto;
}

.popup .close {
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
	box-sizing: border-box;
	
	border: solid 2px #000000;
	
	-webkit-transform: translateY(-50%) translateX(50%);
	-moz-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
}

.popup .close:hover {
	color: #000000;
	background: #FFFFFF;
	
	border: solid 2px #000000;
}


.popup .close:hover {
	cursor: pointer;
}