JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://fb7968tp.bget.ru/css/style.css">
<script src="http://fancyapps.com//fancybox/source/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="http://fancyapps.com//fancybox/source/jquery.fancybox.css">
<section class="content">
		    <header class="content-welcome">
		        <h2>Fancybox</h2> 
		    </header>
			<ul class="content-main">
				<li class="view view-tenth">
                    <img src="http://savepic.su/4996275.jpg" width="215" height="215"/>
					<article class="mask">
						<h3>Деревня</h3>
						<em>Дом в деревне</em>
						<span class="link_post"><a target="_blank" href="#"></a></span>
						<span class="zoom"><a href="http://savepic.su/5001395.jpg" title="Увеличить" class="fancy"></a></span>
					</article>
				</li>
			</ul>
		</section>

JavaScript

$(".fancy").fancybox();