DartV,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<style type="text/css">
.dm-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 200px;
height: 200px;
}
</style>
<script>
$(function() {
var $overlay = $(".dm-overlay"), $single = $(".single_image");
$single.on("click", function(event) {
event.preventDefault();
var i = $single.index(this);
$overlay.eq(i).show().find("img")[0].src = $(this).data('src');
$("html,body").css({
"overflow": "hidden"
})
});
$overlay.on("click", function(event) {
event.preventDefault();
$overlay.hide();
$("html,body").css({
"overflow": "auto"
})
})
});
</script>
</head>
<body>
<div data-wow-delay="0.2s" class="grid_4 wow fadeInRight">
<div class="single_image" data-src="http://sdlweb.ru/img/09-Villa.jpg">
<img src="http://livedemo00.template-help.com/wt_55108/images/page-4_img01.jpg" alt="">
<div class="image_overlay">
<a href="">View Full Project</a>
<h2>drawing</h2>
<h4>with pencil colors</h4>
</div>
</div>
</div>
<div class="dm-overlay">
<div class="dm-table">
<div class="dm-cell">
<div class="dm-modal cyan">
<a href="#close" class="close"></a>
<h3>Модальный блок №3 абсолютно по центру.(тест)</h3>
<img src="http://pampinta.com/imgs/img_loader.gif">
<p>Окно выводится строго по центру, тест</p>
</div>
</div>
</div>
</div>
<div data-wow-delay="0.2s" class="grid_4 wow fadeInRight">
<div class="single_image" data-src="http://sdlweb.ru/img/09-Villa.jpg">
<img src="http://livedemo00.template-help.com/wt_55108/images/page-4_img01.jpg" alt="">
<div class="image_overlay">
<a href="">View Full Project 2</a>
<h2>drawing</h2>
<h4>with pencil colors</h4>
</div>
</div>
</div>
<div class="dm-overlay">
<div class="dm-table">
<div class="dm-cell">
<div class="dm-modal cyan">
<a href="#close" class="close"></a>
<h3>Модальный блок №3 абсолютно по центру.(тест) 2</h3>
<img src="http://pampinta.com/imgs/img_loader.gif">
<p>Окно выводится строго по центру, тест</p>
</div>
</div>
</div>
</div>
</body>
</html>