I have a problem with the play buttons. The button is in the chrome on the left. Firefox is in the middle. How to put it in the middle in chrome? Thanks
<div class="s5_lodgecenter">Vytv?ř?m pro v?s ty nejkr?sněj?? vzpom?nky, ke kter?m se budete v?dy r?di vracet.</div>
<br /><br /><br />
<div class="s5_lodgeimagewrap">
<div class="s5_lodgeleft"><img src="http://salingerfoto.cz/images/lodging.jpg" class="" style="position: relative;" alt="lodging" data-sr="enter left, over 1s, move 300px" /></div>
<div class="s5_lodgeright"><img src="http://salingerfoto.cz/images/camping.jpg" class="" style="position: relative;" alt="camping" data-sr="enter right, over 1s, move 300px" /></div>
<div class="overlay_outer two s5_lodgevideo bottomright_shadow" style="position: absolute; margin: -28px auto 0;">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner2">
<div class="overlay_centered"><a href="https://www.youtube.com/embed/0hsayaZTQzo" rel="width:800,height:447" title="Petr Salinger - svatebn? fotografie, rodinn? fotografie, produktov? fotografie" class="s5mb s5_videoicon ion-android-arrow-dropright"></a> <span class="s5_highlightfont fontsized"><strong>Uk?zka pr?ce</strong><strong></strong> </span></div>
</div>
<div class="overlay_hover_inner"></div>
<img src="http://salingerfoto.cz/images/lodgingvideo.jpg" alt="lodging video" /></div>
</div>
</div>
<div style="clear: both;"></div>
</div>