CSS动画无法在Chrome上运行

Question

我有一个图片标题，可以通过CSS动画淡入淡出。它适用于Safari和Firefox，但不能在Chrome上运行。我已经在28“iMac和13”Macbook Pro上进行了测试，结果相同。我也重置了浏览器设置，所以我相信它是CSS中的东西或者可能是jQuery。我也尝试重新安装这些插件并将它们恢复到默认值而没有运气。

如果有人可以帮助解决为什么会发生这种情况，我们将不胜感激！

Website

CSS：

.flexslider .flex-active-slide .flex-caption {
opacity: 1;
-webkit-animation-name: reset, fadeIn;
-moz-animation-name: reset, fadeIn;
-o-animation-name: reset, fadeIn;
-ms-animation-name: reset, fadeIn;
animation-name: reset, fadeIn;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-delay: 0, .5s;
-moz-animation-delay: 0, .5s;
-o-animation-delay: 0, .5s;
-ms-animation-delay: 0, .5s;
animation-delay: 0, .5s;
}

jQuery (Flexslider)