.slideshow-images {
	height: 500px;
	width: 100%!important;
	overflow:hidden;
}		

.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	position: absolute;
	top: 0;
	margin:0 auto;
	z-index: 1;
	display: block;
	z-index: 1;
	border-left:3px solid #FFF!important;
	border-right:3px solid #FFF!important;
}

.slideshow {
	border:0px solid red;
	text-align:center!important;
	width:100%!important;
	height: 500px;
	margin: 0 auto;
}
.slideshow a img {
margin:0 auto!important;
/*	border: 0;*/
}

.slideshow-captions {
	background: #fff;
	}



/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/


.slideshow-thumbnails {
	border:0px solid #666;
	bottom: -80px;
	height: 70px;
	left: 215px;
	position: absolute;
	width: 770px;
	z-index:200;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}

.slideshow-thumbnails ul li{
float:left;
width:70px!important;

}


html, body { border: 0; margin: 0; padding: 0; height: 100%; max-height: 100%; overflow: hidden; }

#beltcontainer {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   bottom: 0;
   left: 0;
   right: 0;
}

#belt {
   position: relative;
   height: 100%;
   left: 0%;
   -webkit-transition-property: -webkit-transform;
   -webkit-transition-timing-function: cubic-bezier(0,0,0.25,1);
   -webkit-transition-duration: 0;
   -webkit-transform: translate3d(0,0,0);
}

.beltobjectwrapper {
   position: absolute;
	width: 100%;
	height: 100%;
	display: table;
}   

.beltobjectcenterer {
   width: 100%;
}

.fitvertical .beltobjectcenterer {
   height: 100%;
}

.fithorizontal .beltobjectcenterer {
   display: table-cell;
   vertical-align: middle;
	#position: absolute;
	#top: 50%;
}

.beltobject {
   padding: 0;
   width: 100%;
   overflow: hidden;
}

.fithorizontal .beltobject {
   #position: relative;
   #top: -50%;
}

.fitvertical .beltobject {
   position: absolute;
}

.beltobject img {
   display: block;
   margin: 0 auto;
   padding: 0;
}

.fithorizontal img {
   height: auto;
}

.fitvertical img {
   height: 100%;
   width: auto;
}
.fithorizontal img {
  width: 100% !important;
}