position - 花式框样式/冲突居中

Question

我的产品图片库使用了一个花哨的框脚本，并且由于我安装了一个插件，所以我在弹出图像时遇到了一个小问题，然后立即跳到了左上角。

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

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

如果您单击图库中的图像，您可以看到它弹出。

我用萤火虫检查图像元素并得到：

<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;
}

我似乎无法覆盖重新设置该弹出窗口的任何内容。任何帮助是极大的赞赏