#mb-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #72C53F;
  z-index: 50;
}
#mb-preloader {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
  	margin: -16px 0 0 -16px;
   background: url(/gfx/default/preloader.gif) 0 0 no-repeat;
   z-index: 51;
}
#mb-conteiner {
  height: 100%;
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
}
#mb-wrapper {
  display: table-cell;
  vertical-align: middle;
}
#mb-window {
  position: relative;
  width: 500px;
  margin: 0 auto;
  background-color: #FFFFFF;
  z-index: 300;
  font-size: 1.2em;
  padding: 12px;
  text-align: left;
  border: 4px solid #72C53F;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
#mb-overflow {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 450px;
}
#mb-overflow.page {
}
#mb-overflow p a {
	text-decoration: underline;
	color: #1A5FD8;
}
#mb-overflow p a:hover {color: #000;text-decoration: none;}
#mb-close {
	position: absolute;
	top: -20px;
	right: -20px;
	background: #72C53F;
	width: 30px;
	height: 30px;
	-moz-border-radius: 16px;
  	-moz-border-radius: 16px;
  	-webkit-border-radius: 16px;
  	-webkit-border-radius: 16px;
  	border: 1px solid #72C53F;
  	text-align: center;
  	line-height: 30px;
  	font-size: 15px;
  	color: #fff;
  	font-weight: bold;
  	cursor: pointer;
}
*:first-child+html #mb-close {
	top: -4px;
	right: -4px;
}
#mb-image,
#mb-image-title,
#mb-image-nav {text-align: center;}
#mb-image {padding: 12px 0;cursor: pointer;}
#mb-image-nav {
	width: 100%;
	height: 20px;
}
#mb-image-nav li {
	list-style: none;
	margin: 0; padding: 0;
}
#mb-image-nav li a {text-decoration: underline;}
#mb-image-nav li a:hover {text-decoration: none;}
#mb-next {float: right;}
#mb-prev {float: left;}