#fade{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000;
z-index:1001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
#light{
display: none;
position: absolute;
top: 20%;
left: 60%;
width: 480px;
height: 320px;
margin-left: -350px;
margin-top: 30px;                 
background: #CCC;
z-index:1002;
overflow:visible;
}

@media (max-width: 520px){
#light {
    display: none;
    position: absolute;
    top: 20%;
    left: 100%;
    width: 320px;
    height: 320px;
    margin-left: -350px;
    margin-top: 30px;
    background: #CCC;
    z-index: 1002;
    overflow: visible;
}
}

@media (max-width: 600px) and (min-width: 521px){
#light {
left: 70%;
}
}