.onLight {
padding:2px; 
width:20px; 
background: none;  
border-width:1px;
}

.offLight {
padding:2px; 
    z-index:200; 
    width:20px; 
    background:	none; 
    border:#333 solid; 
    border-width:1px; 
    position:absolute; 
    top:533px; 
    right:310px; 
    display:none;
	}
.lightBox {
width:100%; 
    height:100%; 
    float:left; 
    position:fixed; 
    z-index:100; 
    background-color:#999999; 
    top:0px; left:0px; right:0px; display:none; 
    opacity: .80; /*FOR ALL OTHER BROWSERS AND DEVICES*/
    filter: alpha(opacity=80); /*FOR IE7*/
}
.content {
width: 600px; 
    height: 440px; 
    border: solid 2px #000; 
    background: #ccc; 
    margin-top: 20px auto; 
    position:fixed; 
    z-index:200; 
    top: 10px; 
    display:none; 
    padding:20px;
}

.onLight:hover div, .offLight {display:block;}
.offLight:hover + .lightBox {display:none;}
html,body{height:100%;}