.scrollshow.scrollshow {
  opacity: 1;
}

.scrollshow-browser div,
.scrollshow-browser div:before,
.scrollshow-browser div:after {
  position: absolute;
}

.scrollshow-browser-top {
  top: 0;
  left: 0;
  right: 0;
  height: 89px;
  background: url(../images/browser/retina/top.png);
  background-size: contain;
}

.scrollshow-browser-top:before,
.scrollshow-browser-top:after {
  position: absolute;
  content: '';
  height: 100%;
  top: 0;
}

.scrollshow-browser-top:before {
  background: url(../images/browser/retina/top_left.png);
  width: 184px;
  left: 0;
  background-size: contain;
}

.scrollshow-browser-top:after {
  background: url(../images/browser/retina/top_right.png);
  width: 76px;
  right: 0;
  background-size: contain;
}

.scrollshow-browser-top-center {
  top: 0;
  left: 50%;
  margin-left: -195px;
  height: 100%;
  width: 389px;
  background: url(../images/browser/retina/top_center.png);
  background-size: contain;
}

.scrollshow-browser-left,
.scrollshow-browser-right {
  top: 89px;
  bottom: 54px;
  width: 51px;
  background-size: 51px 100%;
}

.scrollshow-browser-left {
  background-image: url(../images/browser/left.png);
  left: 0;
}

.scrollshow-browser-right {
  background-image: url(../images/browser/right.png);
  right: 0;
}

.scrollshow-browser-bottom {
  bottom: 0;
  left: 50px;
  right: 50px;
  height: 54px;
  background: url(../images/browser/bottom.png);
  background-size: 100% 54px;
}

.scrollshow-browser-bottom:before,
.scrollshow-browser-bottom:after {
  content: '';
  height: 100%;
  width: 50px;
}

.scrollshow-browser-bottom:before {
  background: url(../images/browser/bottom_left.png);
  left: -50px;
}

.scrollshow-browser-bottom:after {
  background: url(../images/browser/bottom_right.png);
  right: -50px;
}

.scrollshow-box {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  padding: 89px 51px 54px;
}