.onLight {padding:2px; width:10px; background:#999; border:#333 solid; border-width:1px; cursor:pointer;}
.onLight:hover div, .offLight {display:block;}

.offLight {padding:2px; z-index:200; width:10px; background:#999; border:#333 solid; border-width:1px; position:absolute; top:560px; right:310px; display:none;  cursor:pointer;}
.offLight:hover + .lightBox {display:none;}

.lightBox {width:100%; height:100%; float:left; position:absolute; z-index:100; background-color:#999999;  top:0px; left:0px; right:0px; display:none; cursor:default; 
opacity: .80; /*FOR ALL OTHER BROWSERS AND DEVICES*/
filter: alpha(opacity=80); /*FOR IE7*/
}

.content {width: 400px; height: 460px; border: solid 2px #fff; background: #ccc; margin:20px auto; position:absolute; z-index:200; top: 30px; display:none; padding:20px;}