.sc-slider {
  position: relative;
  width: 100%; }
  .sc-slider .sc-ctrl {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    text-align: center;
    color: #777;
    background-color: #fafafa;
    opacity: 0.8;
    cursor: pointer;
    z-index: 2; }
    .sc-slider .sc-ctrl:hover {
      color: #bbb; }
  .sc-slider .sc-ctrl-prev {
    left: 0; }
  .sc-slider .sc-ctrl-next {
    right: 0; }
  .sc-slider .sc-ctrl-wrapper {
    display: table;
    height: 100%; }
    .sc-slider .sc-ctrl-wrapper .sc-ctrl-inner {
      vertical-align: middle;
      display: table-cell; }
  .sc-slider .sc-slides {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .sc-slider .sc-slides .sc-slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none; }
      .sc-slider .sc-slides .sc-slide a {
        display: block;
        width: 100%;
        height: 100%; }
        .sc-slider .sc-slides .sc-slide a img {
          width: 100%; }
    .sc-slider .sc-slides .sc-slide.active {
      display: block; }