.slider-wrapper {width:835px; margin-left:57px; margin-top:100px;}

/* .changer {display: inline; float: left; position: relative;} */
.changer {margin-left:auto; margin-right:auto;}
.changer {width: 190px; height:190px; border:0px solid #999;}


#mainwrapper {
	font: 10pt Times New Roman, serif;
	height: 190px;
	text-align: center;
	width: 190px;
    padding: 0px;
	border:0px solid green;}

#mainwrapper .box {
	cursor: default;
	height: 190px;
	float: left;
	position: relative;
	overflow: hidden;
	width: 190px;
	border:0px solid black;}
	
#mainwrapper .box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;}

#mainwrapper .box .caption {
	background-color: rgba(255,255,255,0.9);
	position: absolute;
	color: #000;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;}

#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {
	opacity: 0;
	width: 190px;
	height: 190px;
	text-align: left;
	padding: 0px;}

#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;}

#mainwrapper .box .slide-caption {
	width: 190px;
	height: 190px;	
	text-align: center;
	padding: 10px;
	left: 200px;
	border: 0px solid red;}

#mainwrapper .box:hover .slide-caption {
	background-color: rgba(255,255,255,1) !important;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 1;
	transform: translateX(-100%);}
	
#mainwrapper .box:hover .slide-caption p {
	color: #000;}
	
#mainwrapper .box:hover img#image-1 {
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 846px;
  height: 421px;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: relative;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }	
	
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }