Cloudzoom与fancybox冲突

Question

自从过去三天以来，我一直试图让fancybox与cloudzoom合作，但我还是没有成功。问题是，一旦我点击图像，fancybox就会弹出，我可以浏览下一个/上一个按钮但是当我关闭fancybox并返回图像时，图像就消失了。我最后得到了空的空间。如果我删除了cloudzoom类，那么一切正常。

有人可以将fancybox应用于此jsfiddle吗？

<script type="text/javascript">
$(document).ready(function(){
$('.fancybox').fancybox({
width : 1100,
 height : 500,
  fitToView : true,
 autoSize : false,
 padding: [20, 20, 20, 20],
 });
 });
</script>
<a href="image/big.png" class="fancybox" data-fancybox-group="gallery"><img src="small.jpg" class="cloudzoom"></a>