/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.thumb {
	width: 24%;
	height: 130px;
	margin: 0;
	padding: 4px 0;
	float: left;
}

.thumb img {
	height: 120px;
	object-fit: contain;
	cursor: pointer;
}

#photoWindow {
	padding: 10px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin: 5px 0;
	color: rgba(223,223,223,1.00);
	position: fixed;
	top: 2%;
	left: 2%;
	width: 95%;
	height: 95%;
	display: none;
	z-index: 1000;
	background-color: rgba(0,0,0,0.90);
	border-radius: 8px;
}

#photoWindow img {
	height: 80%;
	object-fit: contain;
}

.close-btn {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.0em;
	cursor: pointer;
	color: #aaa;
	font-weight: bold;
}

.close-btn:hover {
	color: #A40002;
}

.prev-btn {
	position: absolute;
	top: 200px;
	left: 15px;
	font-size: 2.0em;
	cursor: pointer;
	color: #aaa;
	font-weight: 900;
}

.prev-btn:hover {
	color: #126B01;
}

.next-btn {
	position: absolute;
	top: 200px;
	right: 15px;
	font-size: 2.0em;
	cursor: pointer;
	color: #aaa;
	font-weight: 900;
}

.next-btn:hover {
	color: #126B01;
}