Conflicting plug-in. In this file:
https://novo.anglopinda.com.br/wp-content/plugins/light/css/jquery.fancybox.css
at line 171 you can find the problem:
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../assets/images/fancybox_overlay.png');
}
That background is that “black” you talk about. Also when you click on the arrow a related javascript shoyld make that “display: none” became “display: block” and sets the width and the height of the div .fancybox-overlay
as the width and the height of the entire page.
So, first step: remove that plug-in and lets see what happens ??
Hope this helps