.lightbox-nav {
  position: relative;
  margin-top: 12px; /* the font-size of .btn-xs */
  height: 22px;
  text-align: center;
  font-size: 0; /* prevent the otherwise inherited font-size and line-height from adding extra space to the bottom of this div */
}
.lightbox-nav .openImg {
  vertical-align: top;
  font-size: 12px;
  line-height: 1.5;
  outline: none;
}

.navprev, .navnext, .navclose {
  position: absolute;
  filter: alpha(opacity=60);
  opacity: 0.6;
  border: 0;
  text-decoration: none;
}
.navprev:hover, .navnext:hover, .navclose:hover {
  text-decoration: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

.navprev, .navnext {
  color: #fff !important;
  top: calc(50% - 25px);
  margin: 0px -50px;
  padding: 0;
  font-size: 46px;
}

.navnext {
  right: 0;
}

.navclose {
  color: #666 !important;
  top: 0;
  right: 0;
  line-height: 20px;
  padding: 0 5px;
  z-index: 1;
}

.lightbox-image-container {
  position: relative;
  text-align: center; /* center the image */
}

/* the caption overlays the top left corner of the image */
.lightbox-image-caption {
  /* position: absolute;
   top: 0;
   left: 0;
   margin: 0.5em 0.9em; !* the left and right margins are offset by 0.4em for the span box-shadow *!
   color: #000;
   font-size: 1.5em;
   font-weight: bold;
   text-align: left;
   text-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.5);*/
  display: none;
}
.lightbox-image-caption span {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background-color: rgba(255, 255, 255, 0.75);
  /* pad the left and right of each line of text */
  box-shadow: 0.4em 0 0 rgba(255, 255, 255, 0.75), -0.4em 0 0 rgba(255, 255, 255, 0.75);
}