Untitled

<html>
<head>
<style>
	.blokimg {
	position: relative;
	}
	.overlay{
	display: none;
	height: auto;
	left: -15%;
	position: absolute;
	top: -50%;
	width: auto;
	z-index: 999;
	}
	.overlay .overlay_container{
	display: table-cell;
	vertical-align: middle;
	}
	.overlay_container img{
	background-color: #AB5;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	.overlay:target {
	display: table;
	}
</style>
</head>
<body>
	<div class="blokimg">
	<div class="overlay" id="contenedor1">
	<div class="overlay_container">
		<a href="#close">
			<img src="большое_изображение"/>
		</a>
	</div>
	</div>
	<a href="#contenedor1">
		<img src="маленькое_изображение" id="imagenM1" />
	</a>
	</div>
</body>
</html>