Fancybox (html,javascript,Jquery,css) (NÃO FUNCIONA)

Gostaria de ajuda para solucionar um problema, segui um tutorial para por Fancybox na pagina porem quando jogo o arquivo no servidor e separo as importações do corpo da pagina ao qual chamo o Fancybox ele não funciona, porem no corpo da pagina quando exibo o código aparece todas as importações e a imagem chamando o Fancybox, Alguém teria como me ajudar por favor?? :(

Segui esse Tutorial : http://websocialdev.com/2014/05/06/fancybox-plugin-para-galeria-multimidia/#comment-2742419844 ehttp://fancyapps.com/fancybox/

Pagina: http://aleporto.com.br/blog/?id=2147

Fotos do código e do arquivo:

https://drive.google.com/open?id=0B2ZXOB75cIuCV3hsdmYwNHh6YzA

Servidor

Chamando class e rel na imagem:

Código inspecionado da pagina