$facebox-overlay: #000 !default;
#facebox {
  left: 0;
  position: fixed;
  text-align: left;
  top: 0;
  z-index: 100;
}


#facebox .popup{
  border:9px solid rgba(0, 157, 214, 0.8);
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  position:relative;
}

#facebox .content {
  background: #fff;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  display:table;
  min-width: 370px;
  padding: 10px;
}

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

#facebox .close{
  padding:2px;
  position:absolute;
  right:5px;
  top:5px;
  z-index:101;
}
#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 {
  height:100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: $facebox-overlay;
  z-index: 99;
}

#facebox h1{
  margin: 0 0 10px 0;
}