/**
  * jquery.kiek.css
  * Lightweight image viewer
  * © Cybox internet & communicatie, 2013
  * Lastchange: 25-04-13
  */

#kiek {
	position: fixed;
	top: 10%;
	left: 0;
	width: 100%;
	height: 80%;
	box-sizing:border-box!important;	
	-moz-box-sizing:border-box!important;	
	-webkit-box-sizing:border-box!important;
	z-index: 11;
	text-align:center;
	background-image: url('loader.gif'); background-position: 50% 50%; background-repeat: no-repeat;background-size:32px 32px;
}

#kiek img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25%;
	margin-top: -25%;
	
	display: none;
	
	max-width:100%;
	max-height:100%;
	cursor: pointer;
	/*border-radius: 3px;*/
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	
}

#kiek iframe {
    z-index: 13;   
}

#kiek-overlay {
	width: 100%;
	height: 100%;
	
	background: #fff;
	
	position: fixed;
	left: 0;
	top: 0;
	
	opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	z-index: 9;
	
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	
	cursor: pointer;
}
#kiek-close {
	position: fixed; z-index: 99999999999; 
	left: 50%; 
	bottom: 5%; 
	width: 100px; 
	margin-left: -50px;
	text-align: center; 
	font-size: 16px;
}
#kiek-title {
	position: fixed; z-index: 99999999999; 
	left: 0; 
	top: 5%; 
	width: 100%; 
	text-align: center; 
	font-size: 16px;
	font-weight: bold;
    cursor:pointer;
}
div#kiek-left, div#kiek-right {
    font-family: Arial, sans-serif!important;
    font-size: 100px;
    position: fixed; height: 100%;
    top:0; z-index: 12;  
    cursor:pointer; 
    text-align: center;
    width: 150px;
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}
div#kiek-left:hover, div#kiek-right:hover {
    color:black;   
}
div#kiek-left {
    left:0px;
}
div#kiek-right {
    right: 0px;   
}
div#kiek-close span.kiek-close {
    cursor: pointer;
}
div#kiek-close span.kiek-close:hover {
    color:black;
}