.simple-hover-overlay { position: relative; width: 178px; height: 100px  }
.simple-hover-overlay .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 0 }
.simple-hover-overlay.hover .overlay { height: 100% }
.simple-hover-overlay .overlay a.expand { left: 0; right: 0; bottom: 50%; margin: 0 auto -30px auto }
.simple-hover-overlay .img.hover .overlay { height: 100% }
.simple-hover-overlay .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.8);
overflow: hidden; transition: all 0.5s }
.simple-hover-overlay a.close-overlay { display: block; position: absolute; top: 0; right: 0;
z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px;
text-align: center; background-color: #000; cursor: pointer }
.simple-hover-overlay a.close-overlay.hidden { display: none }
.simple-hover-overlay a.expand { display: block; position: absolute; z-index: 100; width: 60px;
height: 60px; border: solid 5px #fff; text-align: center; color: #fff; line-height: 50px;
font-weight: 700; font-size: 30px; border-radius: 30px; text-decoration: none }
.simple-hover-overlay a.expand span { font-size: 12px }