.tile {
  position:relative;
  display:inline-block;
  background:#f1f1f1;
  width:160px;
  height:160px;
  padding:9px;
  margin: 0px 8px 8px 0px;
}

.tile:hover {
  background: #e1e1e1;
}

.tile > div {
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}

.tile > div > .imgcontainer {
  position:absolute;
  display:block;
  top:0;
  left:0;
  right:0;
  bottom:30px;
  overflow:hidden;
}

.tile > div > .imgcontainer > img {
  position:absolute;
  display:block;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  margin:auto;
}

/*
.tile > div > img {
  position:absolute;
  display:block;
  width:100%;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:30px;
  overflow:hidden;
}
*/
.caption {
  display:block;
  position:absolute;
  bottom:0px;
//  width:100%;
//  padding-top:2px;
//  background:#f1f1f1;
  font-size:90%;
}

.gallery_backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
  padding: 0px;
  margin: 0px;
  display: block;
  z-order: 123;
  overflow: hidden;
}

.gallery_background {
 position:absolute;
 left:0px;
 right:0px;
 top:0px;
 bottom:0px;
 display:block;
 background:#000;
 opacity: 0.7;
}

.gallery_foto {
 position:relative;
 display:block;
 height:80%;
 width:80%;
 left:10%;
 top:10%;
 border: 1px solid black;
 background: #111;
 box-shadow: 2px 2px 6px 5px rgba(0,0,0,0.6);
}

.gallery_foto > .gallery_container {
  position:relative;
  width:100%;
  height:100%;
}

.gallery_foto > .gallery_container > img {
  position:absolute;
  height:100%;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.gallery_left, .gallery_right {
 display:block;
 position:absolute;
 top:0px;
 bottom:0px;
 width:80px; 
}

.gallery_left {
 left:0px;
}
.gallery_right {
 right:0px;
}

.gallery_photobutton {
 width:100%;
 height:100%;
 background: #888;
 opacity: 0.5;
}

.gallery_photobutton > div {
 width:100%;
 text-align:center;
 font-size:20pt;
 top:40%;
 position:absolute;
}