#facebox {
    /*position: absolute;*/
    top: 0;
    left: 0;
    z-index: 99999;
    text-align: left;
}

#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  /*-webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px #010101;
  -moz-box-shadow:0 0 18px #010101;
  box-shadow:0 0 18px #010101;*/
}

#facebox .content {
  display:table;
  width:100%;  
  padding: 0px 0px 0px 0px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

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

#facebox .close
{
    /*background:#FFD200 !important;*/
  position:absolute;
  top:0px;
  right:0px;
  padding:2px;
/*  background:#fff;*/
  height:14px;
  width:14px;
}

.ie7 #facebox .close
{
    /*background:#FFD200 !important;*/
  position:absolute;
  top:10px;
  right:10px;
  padding:2px;
/*  background:#fff;*/
  height:14px;
  width:14px;
}
.ie8 #facebox .close
{
    /*background:#FFD200 !important;*/
  position:absolute;
  top:10px;
  right:10px;
  padding:2px;
/*  background:#fff;*/
  height:14px;
  width:14px;
}
.ie9 #facebox .close
{
    /*background:#FFD200 !important;*/
  position:absolute;
  top:10px;
  right:10px;
  padding:2px;
/*  background:#fff;*/
  height:14px;
  width:14px;
}
#facebox .close img{
  opacity:1.0;
}
#facebox .close:hover img{
  opacity:0.3;
}

#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: #333333;
  z-index: 9999;
}
.popupbox {
    background: none repeat scroll 0 0 #fff;
    border: 10px solid #000000;
    margin: -10px;
    overflow: hidden;
    width: 100%;
    max-width: 420px;
}
    .popupbox .head-text {
        background: none repeat scroll 0 0 #000000;
        color: #fff;
        float: left;
        font-size: 15px;
        padding-bottom: 10px;
        padding-top: 0px;
        width: 100%;
        font-weight: bold;
    }
/*.popupbox .cntwrap {
    background: none repeat scroll 0 0 #fff;
    float: left;
    padding: 20px;
    width: 392px;
}*/
.popupbox .cntwrap {
  background: none repeat scroll 0 0 #fff;
  float: left;
  padding: 10px 2%;  
  width:96%;
}
.popupbox .cntwrap .left-side {
    float: left;
    width: 220px;
}
.popupbox .cntwrap .left-side .proimg {
    border: 1px solid #e8e8e8;
    float: left;
    padding: 9px;
}
/*.popupbox .cntwrap .right-side {
    float: right;
    width: 397px;
}*/
.popupbox .cntwrap .right-side {
  float: left;
  max-width: 407px;
  width:100%;
}
.popupbox .cntwrap .right-side .row {
    margin: 0;
    padding: 0;
}
.popupbox .cntwrap .right-side .row1 {
  background: none repeat scroll 0 0 #fafafa;
  float: left;
  padding: 9px 2%;
  width: 96%;
  /*min-height:60px;*/
}
.popupbox .cntwrap .right-side .row2 {
  border-bottom: 1px solid #eeeeee;
  float: left;
  margin-left: 40px;
  padding: 10px 0;
  width:100%;
}
.popupbox .cntwrap .right-side .row2 li span {
  color: #3a3a3a;
  float: left;
  font-size: 12px;
  padding: 2px 0 0 5px;
}
@media only screen and (max-width:360px) {
 .popupbox {
  width: 65%;
}
}
@media only screen and (max-width:320px) {
 .popupbox {
  width: 65%;
}
}