.gallery-frame {
  display: inline-block;
}

.gallery-out {
  display: inline-block;
	position: relative;
	background: white;
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.gallery-in {
  display: block;
}

.gallery-in img {
  display: inline-block;
  position: absolute;
}

span.gal-title {
  display: block;
  text-align: center;
  height: 18px;
}

.gallery-thumbnails {
  height: 60px;
  position: absolute;
  left: 0;
  bottom: -70px;
}

.gallery-thumbnails img {
  opacity: 0.6;
}
.gallery-thumbnails img:hover {
  opacity: 1;
}
.gallery-thumbnails img.active-thumb {
  opacity: 1;
	box-shadow: 0px 0px 3px black;
	-moz-box-shadow: 0px 0px 3px black;
	-webkit-box-shadow: 0px 0px 3px black;
}
.gallery-thumbnails-mark {
  width: 9px;
  height: 9px;
  background-image: url(images/thumbnails-mark.png);
  position: absolute;
  bottom: 0px;
}

.gallery-controls {
  height: 20px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -30px;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  text-align: center;
  line-height: 20px;
}

.gallery-controls .gallery-play-pause {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url(images/mediacontrols.png);
  background-repeat: no-repeat;
}

.gallery-controls .gallery-prev {
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 20px;
  background-image: url(images/mediacontrols.png);
  background-position: -40px 0px;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

.gallery-controls .gallery-next {
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 20px;
  background-image: url(images/mediacontrols.png);
  background-position: -60px 0px;
  background-repeat: no-repeat;
  right: 0;
  top: 0;
}


.gallery-remote-control {
	position: relative;
	display: inline-block;
	overflow: hidden;
	background: white;
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.gallery-remote-control .thumbs {
	display: inline-block;
	text-align: center;
	opacity: 0;
	transition-duration:         500ms,   250ms;
	-moz-transition-duration:    500ms,   250ms;
	-o-transition-duration:      500ms,   250ms;
	-webkit-transition-duration: 500ms,   250ms;
	-ms-transition-duration:     500ms,   250ms;
	transition-property:         opacity, left;
	-moz-transition-property:    opacity, left;
	-o-transition-property:      opacity, left;
	-webkit-transition-property: opacity, left;
	-ms-transition-property:     opacity, left;
}

.gallery-remote-control .thumbs img {
	float: left;
}

.gallery-remote-control .left-arrow,
.gallery-remote-control .right-arrow {
	position: absolute;
	display: none;
	z-index: 1;
	top: 0;
}
.gallery-remote-control .left-arrow {
	left: 0;
}
.gallery-remote-control .right-arrow {
	right: 0;
}