#facebox {
position: absolute;
z-index: 100;
text-align: left;
top: 0px !important;
left: 0px !important; 
width: 100% !important;
}


#facebox .popup{
position:relative; 
top: -100px;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
 
}

#facebox .content {
margin: 170px auto;
padding: 100px;
background: transparent;
border-radius: 5px;
width: 100%; 
position: relative;
transition: all 5s ease-in-out;
}

#facebox .content > p:first-child{
margin-top:0;
}
#facebox .content > p:last-child{
margin-bottom:0;
}

#facebox .close{
position:absolute;
top:5px;
right:5px;
padding:2px;
background:#fff;
}
#facebox .close img{
opacity:0.3;
}
#facebox .close:hover img{
opacity:1.0;
}

#facebox .loading {
text-align: center;
}

#facebox .image {
text-align: center;
}

#facebox img {
border: 0;
margin: 0;
}
/*
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
*/
.facebox_hide {
z-index:-100;
}

.facebox_overlayBG {
background-color: #000;
z-index: 99;
}


#facebox_overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
#facebox_overlay:target {
visibility: visible;
opacity: 1;
}

@media screen and (max-width: 700px){

.close img {
    margin-top: 25px !important;
}
}