#facebox {
  position: absolute; 
  /*left: 395px !important;*/
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  
}

#facebox .content {
  display:table;
  width: 600px;
  
}
#facebox .content .panel{margin: 0;border: 0; border-radius: 0; box-shadow: none;}

#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%; cursor: pointer;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;opacity: 0.7 !important;
}

#facebox .content .panel .list-group-item{ text-align: left; border: 0; margin: 0; padding: 10px 0;}
#facebox .content .panel .list-group-item b{color: #444;font-weight: 100;font-family: 'OpenSans-Semibold';font-size: 14px;}
#facebox .content .panel .list-group-item span{color: #5f5f5f;font-size: 15px; word-break: break-all;display: inline-block;}

#facebox .close{cursor: pointer;
position: absolute;
right: 10px;
top: 14px;
width: 25px;
height: 25px;
background: url(../../img/front/close_icn_btjh.png) center no-repeat;
opacity: 0.7;}
#facebox .close:hover{opacity: 1;}
#facebox .close img{display: none !important;}

@media screen and (max-width:768px)
{
    #facebox .content{width: 100% !important;}
    #facebox{left: 0 !important; right: 0 !important; padding: 10px;}
}