Fancybox custom shwo and hide effect

gistfile1.js

$.fancybox.transitions.myZoomIn = function () {
		$.fancybox.wrap.addClass('animate');
		setTimeout(function () {
			$.fancybox._afterZoomIn();
		}, $.fancybox.current.openSpeed);
		//or transition end event
	};

	$.fancybox.transitions.myZoomOut = function () {
		$.fancybox.wrap.addClass('animateOut');
		setTimeout(function () {
			$.fancybox.wrap.hide();
			$.fancybox._afterZoomOut();
		}, $.fancybox.current.openSpeed);
		//or transition end event
	};

	$('.btn-popup').fancybox({
		padding: 0,
		openMethod:'myZoomIn',
		closeMethod:'myZoomOut',
		openSpeed: 1000,
		closeClick:true,
		wrapCSS: 'fancybox-animation-parameters'
	});