.image-frame {
  position: relative;
}

.image-frame img { display: block; }

.image-frame .image-caption {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  xbackground: rgba(0,0,0,0.5)
}

.image-frame .slideDown { top: 0px; }
.image-frame .slideUp { bottom: 0px; }


.image-frame .caption-table {
  display: table;
  width: 100%;
  height: 100%;
}

.image-frame .caption-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.image-frame .caption {
  width: 80%;  
  margin: 0 auto; 
  font-size: 30px;
  color: #ffffff;
  text-align: center;
}