ul.lightbox { 
 margin: 0px;
 padding: 0px;
}
ul.lightbox li { 
 overflow: hidden;  /*scrollbalken ausschalten */ 
 position: absolute; /* Absolute Positionierung */
 width: 0;   /*Breite auf 0 */
 height: 0;  	/*Höhe auf 0 */ 
 left: 0;   /*Position von Links 0 */
 top: 0;   /*Position von Oben: 0 */
 opacity: 0;	/*Transparenz ausgeschaltet */  
}
ul.lightbox li:target {
  width: 100%;
  height: 100%;
  opacity: 1;      
  z-index: 200;/* Transparenz 100% */ 
  background: rgba(100, 100, 100, 0.8);	/* Hintergrundfarbe und Transp. 80% */ 
   transition: opacity 0.4s ease;
  
  
}
ul.lightbox li:target a {
  position: absolute;
  top:50%; left:7%;
  width:78%;
  
  margin: -26% 4% 2% 4%; /* nach oben und links um 300px */ 
  border: 2px solid #fff; 
  -moz-box-shadow:0 1px 8px #000000; /* Schattenbox Mozilla */
  -o-box-shadow:0 1px 8px #000000; /* Opera... */
  -webkit-box-shadow:0 1px 8px #000000; /*google etc. */
 
  
}
ul.lightbox li:target img{
  width: 100%;
}