body {
	background:black;
}

div.screenshot_image_outer {
	display:inline-block;
	max-width:100%;
	max-height:100%;
	overflow:hidden;
	object-fit:contain;
    padding-left:0.5vw;
	padding-top:0.5vh;
	width:99.45vw;
	height:99.45vh;
}

div.screenshot_image_inner {
	display:inline-block;
    width:100%;
}

div.screenshot_image_inner img {
	display:inline-block;
	width:100%;
	height:99.45vh;
	object-fit:contain;
}

div.image_previous_outer,
div.image_next_outer,
div.image_close_outer {
	position:absolute;
	top:25%;
	width:30%;
	min-width:100px;
	height:50vh;
	z-index:20;
	text-align:center;
}

div.image_previous_outer {
	left:1%;
}
div.image_next_outer {
	right:1%;
}
div.image_close_outer {
	left:35%;
}

div.image_previous_inner,
div.image_next_inner,
div.image_close_inner {
	visibility:hidden;
	width:100%;
	height:100%;
    background:rgba(0,0,0,0.5);
	border-radius: 0.5pc;
	border: 2px solid white;
}

span.page_next, span.page_previous, span.page_close {
	position:relative;
	top:25%;
	display:inline-block;
	width:100%;
	height:25vh;
}

span.page_next img, span.page_previous img, span.page_close img {
  display:inline-block;
  width:auto;
  max-width:100%;
  height:100%;
}


div.image_previous_outer:hover div.image_previous_inner{
  visibility: visible;
}

div.image_close_outer:hover div.image_close_inner{
  visibility: visible;
}

div.image_next_outer:hover div.image_next_inner{
  visibility: visible;
}

