#overlay {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height:100%; background: rgba(255,255,255,0.8);  background-color: #141414; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; display: none; z-index:9999;  } 

#lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 5px; background: #aa1fa7; width: 600px; height: 400px; margin: -200px 0 0 -300px; display: none; z-index:10000; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); }

#lightbox.loading { background: #aa1fa7 url('/images/loading.gif') no-repeat 50% 50%; }
        
    #lightbox a.close { color: #fff; background: #008dbc; position: absolute; right: 0; top: 0; display: block; font-size: 12px; z-index: 5;  padding: 1px 2px 2px 2px; width: 4.2em; text-align: right; }
    
    #lightbox a:hover.close { background: #141414; }
	
    #lightbox a.prev { font-size: 12px; color: #fff; position: absolute; left: 0; bottom:0; padding: 1px 2px 2px 2px; background: #008dbc; margin-top: -0.5em; width: 6em; text-align: left; }

    #lightbox a.next { font-size: 12px; color: #fff; position: absolute; bottom:0; right: 0; padding: 1px 2px 2px 2px; background: #008dbc; margin-top: -0.5em; width: 4em; text-align: right; }
    
    #lightbox a.next { left: auto; right: 0; }
    
    #lightbox a:hover.prev, #lightbox a:hover.next { background: #141414; opacity: 1; filter:alpha(opacity=100); }