Помогите разобраться с установкой плагина fancyBox JQuery?

Хочу сделать на сайте превью с открытием при клике и воспроизведение видео в модальном окне... для этого установил плагин fancyBox, но почему-то не работает (файлы залил, строки прописал)(( Вроде бы все подключил, а результата нету(( Помогите разобраться плз

В main.tpl подключил следующее

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

в ссылке на картинку вот так прописал

<a href="/screenshots-s/dark-souls-3-1.jpg" id="img_gallary_a" class="fancybox" rel="gallery1"><img width="114" height="70" src="/screenshots-s/dark-souls-3-1.jpg" alt="Скриншот DARK SOULS 3" id="img_gallary_img" /></a>

Для вывода видео вот так прописал

<a href="https://www.youtube.com/watch?v=3-OiNeGtGYM" class="various fancybox.iframe"></a>

Сайт пациент