.imagebox.dialog {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: black;
}

.imagebox.dialog .toolbar {
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	padding: 0.3em 0.8em;

	background: white;
	opacity: 1.0;

	font-size: 1.5em;
	line-height: 1.0em;
	vertical-align: middle;
	text-align: right;
}

.imagebox.dialog .toolbar a {
	cursor: pointer;
	text-decoration: none;
	font-style: normal;
	color: inherit;
	vertical-align: inherit;
}

.imagebox.dialog div.image {
	position: fixed;
	left: 30px;
	right: 30px;
	top: 50px;
	bottom: 30px;
	background: no-repeat center center fixed;
	background-size: contain;
}

.imagebox.dialog div.image.cover {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
}