@charset "utf-8";



.slider-container {
  position: relative;
  height: 470px; /*should be the same height as the images*/
  width:840px;
  margin:0 auto;
}

.slider-half {
  position: absolute;
  width: 100%;
  height: auto;
  overflow:hidden;
}

.slider-half div {
  display:block;
  vertical-align:middle;
}

.slider-bar {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 6px;
  height: 470px;
  background-color: #ff5700;
}
.slider-bar div{
  z-index: 10;
  width:58px;
  height:470px;
  background: url(../img/content/compare_bar.png) center no-repeat;
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-29px;
  margin-top:-235px;
}
.archi3-half{
  background:none;
  width: 840px;
  height: 470px;
}
.archis-half{
  background:none;
  width: 840px;
  height: 470px;
}