/* CSS Document */



/*************************************

 * Basic lightbox styles. Notice the

 * default 'display' is 'none'.

 */



.lightbox {

  /** Hide the lightbox */

  display: none;



  /** Apply basic lightbox styling */

  position: fixed;

  z-index: 9999;

  width: 100%;

  height: 100%;

  text-align: center;

  top: 0;

  left: 0;

  background: black;

  background: rgba(0,0,0,0.8);

}



.lightbox img {

  /** Pad the lightbox image */

  max-width: 90%;

  max-height: 80%;

  margin-top: 2%;

}



.lightbox:target {

  /** Show lightbox when it is target */

  display: block;



  /** Remove default browser outline style */

  outline: none;

}

.lightbox:target {

  /** Show lightbox when it is target */

  display: block;



  /** Remove default browser outline style */

  outline: none;

}



.lightbox .image {

	max-width:80%;

	margin:0 auto;

	}



.lightbox .image img {

	border:10px #FFF solid;

	}



.lightbox .info {

	width: 220px;

	display: block;

	text-align: center;

	margin: 0 auto;

}	



.next,

.prev,

.close {

	padding:5px;

	background-color:#FFF;

	text-decoration:none;

	}



.close {

	margin-top: 3px;

}



.lightbox .prev {

	float:left;

	}

	

.lightbox .next {

	float:right;

}