花式盒造型/冲突中心

Question

我的产品图片库使用了一个精美的盒子脚本，因为我安装了一个插件，我出现了一个小问题，图像弹出，然后立即跳到左上角。

我已经尝试过添加stying来重新定位它，但它不起作用。

这是一个产品页面： http://a1decals.com/products-page/tribal-symbols-decals/flags-decals/america-american-flag-decal-sticker/

如果您点击图库中的图片，则可以看到它弹出。

我用firebug检查图像元素并获取：

<div id="fancybox-wrap" style="width: 695px; height: auto; top: 0px; left: 0px; display: block; opacity: 1; transition: all 0s ease; -webkit-transition: all 0s ease;">

我尝试添加：

.fancybox-wrap { 
top: 50% !important; 
left: 50% !important; 
}

和

#fancybox-wrap {
  position: absolute;
  top: 50% !important; 
  left: 50% !important;
}

我似乎无法覆盖弹出窗口的重新设置。非常感谢任何帮助