<style type="text/css">
.blokimg {position: relative;}

.overlay{
  display: none;
  height: auto;
  position: absolute;
  width: auto;
  z-index: 999;
}
.overlay .overlay_container{
  display: table-cell;

  vertical-align: middle;
}
.overlay_container img{
  background-color: white;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.overlay:target {
  display: table;
}
</style>

<div class="blokimg">
<div class="overlay" id="open">
<div class="overlay_container">
<a href="#close">
<img src="путь к изображению"/>
</a>
</div>
</div>
<a href="#open">
<img style="width:ширина в px уменьшенного изображения" src="путь к изображению" />
</a>
</div>