.ob__container {
  visibility: hidden;
  position: fixed;
  opacity: 0;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1503;
  overflow: hidden;
  transition: visibility .3s,opacity .3s linear;
}
.ob__container.open {
        visibility: visible;
        opacity: 1;
}
.ob__container .black_overlay {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 1501;
        -moz-opacity: 0.8;
        opacity: .80;
        filter: alpha(opacity=80);
        overflow: hidden;
      }
      
      .ob__container .white_content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 640px;
        height: 390px;
        padding: 16px;
        margin: -175px 0 0 -320px;
        border: 1px solid white;
        background-color: white;
        z-index: 1502;
        overflow: hidden;
      }
      .ob__container #ob__close {
        float: right;
        width: 20px;
        height: 30px;
        line-height: 20px;
      }
      .ob__container #ob__close:after {
        content: '\00d7';
        font-size: 30px;
        cursor: pointer;
      }
      #ob__content {
        visibility: hidden;}