/* story */
#storyShell {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
  #storyPromo {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 254px;
    height: 100%;
  }
  #storyContent {
    position: absolute;
    left: 50%;
    width: 1000px;
    margin-left: -1000px;
    height: 200%;
    background-color: rgba(0,0,0,.5);
  }
    .storyItem {
      display: block;
      visibility: hidden;
    }
    #storyHeader {
      margin: 140px 0 20px 440px;
    }
    #storyCopy {
      width: 550px;
      height: 176px;
      margin-left: 420px;
      padding: 12px 8px;
    }
      #storyCopy #copy {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        text-shadow: 0 0 3px #000;
        text-align: right;
      }
      #storyCopy .viewport { 
        position: relative; 
        width: 524px; 
        height: 100%; 
        overflow: hidden; 
      }
      #storyCopy .overview { 
        list-style: none; 
        position: absolute; 
        width: 100%; 
      }
      #storyCopy .scrollbar { 
        position: relative; 
        float: right; 
        width: 12px; 
        margin-top: 8px;
      }
      #storyCopy .track { 
        position: relative; 
        float: right;  
        width: 100%;
        height: 100%; 
        background-color: rgba(0,0,0,0); 
      }
      #storyCopy .thumb { 
        position: absolute; 
        top: 0; 
        height: 32px; 
        width: 12px; 
        background-color: rgba(0,0,0,0);
        cursor: pointer; 
        overflow: hidden; 
      }
      #storyCopy .line { 
        position: absolute; 
        top: 0; 
        left: 5px;
        height: 100%; 
        width: 1px; 
        background-color: #fff; 
      }
      #storyCopy .disable { 
        display: none; 
      }