#lightbox{
  position:fixed;
  top:0px;
  left;0px;
  background:rgba(0,0,0,0.6);
  width:100%;
  height:100%;
  text-align:center;
  cursor:pointer;
  display:none;
    z-index: 1000;
}
#cross{
  position: fixed;
  width: 100%;
  height: 100%;
   z-index: 1;
   color: #000;
  }
 #lightbox > .ser-show{
     position: relative;
  height: 598px;
  left: 26%;
  width: 700px;
  top: 2%;
   color: #fff;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 0 3px 25px #000, 0 0 0 5px rgba(255,255,255,0.4);
}
  #lightbox > .ser-show h1{
  font-size: 25px;
  padding: 17px;
  background-color: #B72828;
  color: #000;
  }
  #lightbox > .ser-show h3{
  margin: 22px;
  color: #000;
  }
  #lightbox > .ser-show h4{
  margin: 22px;
  color: #000;
  }
   #lightbox > .ser-show p{
    margin: 22px;
  color: #000;
  }
   #lightbox > .ser-show li{
    margin: 10px;
  color: #000;
  }
   #lightbox > .ser-show > .ser-in{
    border: 1px solid #fff;
  box-shadow: 1px;
  overflow: scroll;
  height: 536px;
  margin-top: -9px;
  }