body {
  width: 620px; 
  margin: 0 0 0 0;   
}
.slider-image {
  position: relative;
  max-width: 620px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  overflow: visible;
}
.slider-image .image1 {
  width: 620px;
  max-width: 100%;
}
.slider-image .image2 {
  width: 620px;
  height: 100%;
  overflow: hidden;
}
.slider-image .image2, .slider-image .image2 img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  max-width: 10000px;
}
.slider-image .slider {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100%;
  width: 17px;
  background: url('vertical-slider.png');
  cursor: col-resize;
}