.imgNav {
}
.imgNav ul{
margin-left:-20px;
}
.imgNav li{
float:left;
padding:0;
margin-left:20px;
}
.imgNav img{
width:220px;
height:220px;
}




.figure {
  position: relative;
  overflow: hidden;
  width: 220px;
  font-size:11px;
}
.figcaption {
  position: absolute;
  bottom: -40px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  background: rgba(255,255,255,0.2);
  -webkit-transition: .3s;
  transition: .3s;
  text-align:center;
}
.figure:hover .figcaption {
  bottom: 5px;
}