Navigation arrows when video is loaded? about fotorama HOT 1 OPEN

I have a hacky solution:
I added these lines to my css file:
.fotorama__wrap > .fotorama__stage > .fotorama__arr{ transform: none !important; opacity: 1 !important; }

Then had to comment out these rules, couldnt find a more specific selector for step one to override the !important rules.
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{---webkit-transform:translate3d(-48px,0,0)!important;--transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{---webkit-transform:translate3d(48px,0,0)!important;--transform:translate3d(48px,0,0)!important}

The I set the fotorma's instance's data-loop value to true.

I especially dislike the manual commenting out of the position attributes in the CSS, but thats what I cam up with.
Should I close this or is there someone who can show me a more elegant way??

from fotorama.