.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 230%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: fixed;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

audio {
	width: 32%;
	display: inline-block;
}

.audio {
	top: 10% !important;
	height: auto !important;
	text-align: left !important;
	padding: 10px;
}

.audio img {
	width: 96%;
}

.audio-titles {
	width: 32%;
	display: inline-block;
	text-align: left;	
}

.video {
	width: 50% !important;
	left: 25% !important;
}

.image {
	height: auto !important;
	width: 80%;
	left: 10%;
	top: 20%;
}

.split { 
	left: 10% !important;
	width: 80% !important;
	height: auto !important;
	background-color:transparent !important;
}

#video_book_preview {
	height: 60% !important
}

.reader {
	height: 90% !important;
	width: 80%;
	left: 10%;
	top: 5%;
	background-color: #61c6e0;
}

.reader img {
	width: 100%;
}

.reader div {
	text-align: right; 
	padding: 10px; 
	margin-top: -25%; 
	height: 40%;
	min-height: 150px;
}

.close-box {
	background: URL('../img/exit.png') no-repeat;
	opacity: .6;
	filter: alpha(opacity=60);
	width: 33px;
	height: 33px;
	position: absolute; 
	top: 7px; 
	right: 7px; 
}

.close-box:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}