@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=latin,cyrillic);

.cn-slideshow {
	position: fixed;
	width: 980px;
	height: 520px;
	left: 50%;
	top: 50%;
	margin: -260px 0px 0px -490px;
	border-top: 5px solid white;
	z-index: 1001;
}

.cn-slideshow .close, #map_overlay .close {
	background: url('../images/closebtn.png');
	position: absolute;
	right: 0px;
	top: -45px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.cn-slideshow .close:hover, #map_overlay .close:hover {
	background: url('../images/closebtn.png') 40px 0px;
}

.overlay_content_shader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;  /* xion overkill black */
	opacity: .85;
	z-index: -1;
}

.overlay_content {
	width: 880px; /* 980px - 2 * 50px margin on both sides */
	height: 480px; /* 520px - 2 * 20px margin on both sides */
	padding: 20px 50px 20px 50px;
}

/* contains the backgrounds and content */
.cn-images {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: -2;
}