/* CSS lightbox © alain marty le 25/09/2012 */

#grey_background {
	position:fixed; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%; 
	background:rgba( 0,0,0,0.5 ); 
}

/* SHOWBOX */
.showbox {
	border:1px solid white;
	margin:5px; padding:5px;
	box-shadow:0 0 8px black;
	background:#888;
	-webkit-transition: all 1s ease-out 0s;
	   -moz-transition: all 1s ease-out 0s;
	    -ms-transition: all 1s ease-out 0s;
	        transition: all 1s ease-out 0s;
}

.showbox:hover {
	-webkit-transform:rotate(1deg) scale( 1.1 );
	   -moz-transform:rotate(1deg) scale( 1.1 );
	    -ms-transform:rotate(1deg) scale( 1.1 );
	        transform:rotate(1deg) scale( 1.1 );
}

#showbox_display {
	position:fixed; top:20px; left:50%; margin-left:0px; 
	background:white; padding:10px; 
	box-shadow:0 0 8px black;
	-webkit-transition: all 0.1s ease-out 0s;
	   -moz-transition: all 0.1s ease-out 0s;
	    -ms-transition: all 0.1s ease-out 0s;
	        transition: all 0.1s ease-out 0s;
}

#showbox_display:hover {
	-webkit-transform:scale( 0.99 );
	   -moz-transform:scale( 0.99 );
	    -ms-transform:scale( 0.99 );
	        transform:scale( 0.99 );
}

/* LIGHTBOX */
.lightbox {
	display:inline-block;
	border:1px solid white; 
	margin:5px; padding:5px;
	box-shadow:0 0 8px black;
	background:#888; 
}

#lightbox_display {
	position:fixed; 
	top:20px; 
	left:50%; 
	margin-left:0px; 
	background:white;
	padding:10px; 
	width:100px;
	box-shadow:0 0 8px black;
}
#lightbox_thumbs {
	text-align:center; 
	padding:5px 0;
}
#light_image {
	border:1px solid black;
}
#light_text {
	text-align:center; 
	border-top:1px solid #888; 
	padding:5px 0;
	color:#444;
}
.light_content {
	-webkit-transition: all 0.1s linear;
	   -moz-transition: all 0.1s linear;	
	    -ms-transition: all 0.1s linear;	
	        transition: all 0.1s linear;	
}

.light_content:hover {
	opacity:0.5;
}