Почему не работает fluidbox overlay?

Question

[mr jeery]

Нашел замечательный инструмент terrymun.github.io/Fluidbox/demo/index.html
Позволяющий приближать изображения.
Подключил, все работает.
Хочу добавить затемнение фона, после приближение картинки, но не получается.
В статье под пунктом Customising overlays про это пишут.

Вот отрывок из моей галереи фоток

<div class="grid-item event">
    <a href="photo/event1.jpg"  class="overlay-3">
    <img src="photo/event1.jpg" />
    </a>
  </div>
  <div class="grid-item event">
    <a href="photo/event2.jpg" class="overlay-3">
    <img src="photo/event2.jpg" />
    </a>
  </div>

Вот так я пытаюсь добавить затемнение

.fluidbox-overlay {
      .overlay-3 & {
          background-color: transparent; /* To override default style */
          background-image: linear-gradient(
              to top left,
              rgba(130,168,158,0.85),
              rgba(134,150,173,.85)
          );
      }
  }

Но ничего не меняется. Что я упускаю ?
Нужно класс fluidbox-overlay куда-то присобачить ? Или это встроенный класс...
Прошу помощи

Answer 1

[ой всё]

у них так работает

.overlay-2 .fluidbox__overlay {
    background-color: transparent;
    background-image: linear-gradient(to top left,rgba(130,168,158,.85),rgba(134,150,173,.85));
}

<a href="http://i.imgur.com/keuMHNt.jpg" class="col-2 overlay-2 fluidbox__instance-20 fluidbox--initialized fluidbox--ready fluidbox--opened fluidbox--loaded">

... здесь картинка и затемнение :
<div class="fluidbox__overlay" style="z-index: -1; opacity: 1;"></div>

</a>