.thumb {

  max-height: 171px;

  border: solid 6px rgba(92,77,78,1.00);

}

 

.lightbox {

  position: fixed;

  z-index: 999;

  height: 0;

  width: 0;

  text-align: center;

  top: 0;

  left: 0;

  background: rgba(158,159,189,.7);

  opacity: 0;

}

 

.lightbox img {

  max-width: 90%;

  max-height: 80%;

  margin-top: 2%;

  opacity: 0;

}

 

.lightbox:target {

  /** Remove default browser outline */

  outline: none;

  width: 100%;

  height: 100%;

  opacity: 1 !important;

}

 

.lightbox:target img {

  border: solid 17px rgba(128,86,91,1.00);

  opacity: 1;

  webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

}

 

.light-btn {

  color:rgba(99,121,184,1.00);

  background-color:rgba(140,87,88,1.00);

  border: solid 3px #777;

  padding: 5px 15px;

  border-radius: 1px;

  text-decoration: none;

  cursor: pointer;

  vertical-align: middle;

  position: absolute;

  top: 45%;

  z-index: 99;

}
.light-btn:hover { background-color:rgba(196,130,134,1.00); }

 

.btn-prev { left: 7%; }

 

.btn-next { right: 7%; }

 

.btn-close {

  position: absolute;

  right: 2%;

  top: 2%;

  color:rgba(152,164,214,1.00);

  background-color:rgba(73,114,177,1.00);

  border: solid 3px rgba(191,192,174,1.00);

  padding: 10px 15px;

  border-radius: 1px;

  text-decoration: none;

}
 
.btn-close:hover { background-color: rgba(222,216,216,1.00) }