/* default theme */

.foobox-close { background-image:url(img/close.png); }
.foobox-prev { background-image:url(img/prev.png); }
.foobox-next { background-image:url(img/next.png); }
.foobox-play { background-image:url(img/play.png); }
.foobox-pause { background-image:url(img/pause.png); }
.foobox-fullscreen-toggle { background-image:url(img/fullscreen.png); }
.foobox-modal.foobox-fullscreen .foobox-fullscreen-toggle { background-image:url(img/fullscreen2.png); }

.foobox-close, .foobox-fullscreen-toggle, .foobox-inner > .foobox-play, .foobox-inner > .foobox-pause { width:18px; height:18px; }
.foobox-close { right:-16px; top:-16px; }
.foobox-fullscreen-toggle  { left:-16px; top:-16px; }
.foobox-inner > .foobox-play, .foobox-inner > .foobox-pause { right:-16px; bottom:-16px; }

@media only screen and (max-width: 480px) and (orientation : landscape) { /* Phone (landscape) */
  .foobox-inner > .foobox-play, .foobox-inner > .foobox-pause { bottom: 4px; right: 4px; opacity: 0.5; }
}
@media only screen and (max-width : 320px) and (orientation : portrait) { /* Phone (portrait) */
  .foobox-close { top: 4px; right: 4px; }
	.foobox-fullscreen-toggle { top: 4px; left: 4px; }
}
@media only screen and (max-width: 480px) and (orientation : landscape) { /* Phone (landscape) */
  .foobox-close { top: 4px; right: 4px; }
	.foobox-fullscreen-toggle { top: 4px; left: 4px; }
}