Как расположить слайдер fotorama по центру?

На Вордпрессе использую базовую Фотораму:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<link  href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script> 

<div class="fotorama">
  <img src="http://s.fotorama.io/1.jpg">
  <img src="http://s.fotorama.io/2.jpg">
</div>

По умолчанию слайдер располагается слева. Как его вставить по центру?

Решение вроде

.fotorama {
    margin: 0 auto;
}

не помогло.