.img-detail {
  position: relative;
  height: 1100px;
  padding: 0;
  overflow: hidden;
  BACKGROUND: #000;
  margin-top: 30px;
}

.bread-nav.noleft {
  padding-left: 0;
}

#imageFlow {
  LEFT: 0%;
  WIDTH: 100%;
  POSITION: absolute;
  TOP: 10%;
  HEIGHT: 80%;
}

#imageFlow .diapo {
  -MS-INTERPOLATION-MODE: nearest-neighbor;
  LEFT: -1000px;
  CURSOR: pointer;
  POSITION: absolute;
}

#imageFlow .link {
  BORDER-RIGHT: #fff 1px dotted;
  BORDER-TOP: #fff 1px dotted;
  MARGIN-BOTTOM: -1px;
  MARGIN-LEFT: -1px;
  BORDER-LEFT: #fff 1px dotted;
  BORDER-BOTTOM: #fff 1px dotted;
}

#imageFlow .bank {
  VISIBILITY: hidden;
}

#imageFlow .top {
  BACKGROUND: #181818;
  WIDTH: 100%;
  POSITION: absolute;
  HEIGHT: 40%;
}

#imageFlow .text {
  Z-INDEX: 1000;
  LEFT: 0px;
  WIDTH: 100%;
  COLOR: #fff;
  BOTTOM: 16%;
  FONT-FAMILY: verdana, arial, Helvetica, sans-serif;
  POSITION: absolute;
  TEXT-ALIGN: center;
}

#imageFlow .title {
  FONT-WEIGHT: bold;
  FONT-SIZE: 15px;
}

#imageFlow .legend {
  FONT-SIZE: 14px;
}

#imageFlow .scrollbar {
  Z-INDEX: 1000;
  LEFT: 10%;
  WIDTH: 80%;
  BOTTOM: 10%;
  POSITION: absolute;
  HEIGHT: 16px;
}

#imageFlow .track {
  FILTER: alpha(opacity=30);
  LEFT: 1%;
  WIDTH: 98%;
  POSITION: absolute;
  HEIGHT: 16px;
  opacity: 0.3;
}

#imageFlow .arrow-left {
  POSITION: absolute;
}

#imageFlow .arrow-right {
  RIGHT: 0px;
  POSITION: absolute;
}

#imageFlow .bar {
  LEFT: 25px;
  POSITION: absolute;
  HEIGHT: 16px;
}

@media screen and (max-width: 768px) {
  .img-detail {
    height: 6rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }
  #imageFlow .text {
    bottom: 2%;
  }
  #imageFlow .scrollbar {
    bottom: -6%;
  }
}