Свой котент в uLightbox

<div id="id1" style="display:none;">Любой ваш контент</div>
<a href="#id1" class="ulightbox">Открыть лайтбокс с содержимым блока id1</a>

<script>  
$('.ulightbox').fancybox({
  padding: 3, // Ширина белой рамки вокруг картинки
  preload: 3, // Количество картинок, которые загружаются предварительно
  openEffect: 'fade', // Эффект появления (elastic - растягивание, fade - проявление, none - без эффекта)
  closeEffect: 'fade', // Эффект исчезания (elastic - растягивание, fade - проявление, none - без эффекта)
  nextEffect: 'fade', // Эффект перехода вперёд (elastic - растягивание, fade - проявление, none - без эффекта)
  prevEffect: 'fade', // Эффект перехода назад (elastic - растягивание, fade - проявление, none - без эффекта)
  openEasing: 'linear', // Тип анимации появления
  nextEasing: 'linear', // Тип анимации при переходе вперёд
  prevEasing: 'linear', // Тип анимации при переходе назад
  fixed: fixedFlag,
  helpers: {
  title: null, // Заголовок по умолчанию
  overlay: {
  opacity: 0.7, // Непрозрачность оверлея
  speedIn: 0, // Скорость появления оверлея
  speedOut: 0 // Скорость угасания оверлея
  },
  buttons: {}
  }
});
</script>

#fancybox-buttons {
display:none; /* Скрываем глупую верхнюю кнопку масштабирования */
}

#fancybox-overlay {
background: #ff0000 !important; /* Цвет оверлея */
}