.imgmap_wrapper {overflow-x:auto;}
.imgmap_container {position:relative}
.imgmap_container div {
	position:absolute;
	width:10px;height:10px;
	background-color:red;
	cursor:pointer;
	border: 2px solid black; border-radius: 6px;
}

.imgmap_container img.fitted {width:100%;}
.content-wrap .imgmap_container img {max-width:initial}

.lightbox {
	position: fixed;
	width: 500px;
	max-width:98%;
	max-height: 100%;
	background-color: white;
	border: 3px solid darkblue;
	border-radius: 15px;
	top: 50%;
	transform: translateY(-50%);
	left: calc(50% - 250px);
	display:none;
}

@media (max-width: 510px) {
	.lightbox {
		left:0;
	}
}

.lightbox div {
	overflow-y: auto;
	margin: 10px 10px 37px;
	border: 1px solid lightgray;
	max-height:80vh;
}

.lightbox button {
	display: block;
	bottom: 8px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.imgmap_zoom {
	cursor:pointer;
	margin-top:13px;
	float:left;
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position:0;
}

.imgmap_zoom:not(.zoomed) {
	background-image:url(zoom-in.png);
}

.imgmap_zoom.zoomed {
	background-image:url(zoom-out.png);
}