.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.inline-block {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.center-block {
  margin: 0 auto;
}
.mainSlider {
  padding: 0;
  margin: 22px 0 0;
  overflow: hidden;
  width: 100%;
}
.mainSlider .container_ {
  overflow: hidden;
  height: auto;
  padding: 0;
  margin: 0 auto;
}
.mainSlider .container_ img {
  border: none;
  margin: 0 auto;
  max-width: 100%;
}
.mainSlider .container_ #slides {
  position: relative;
}
.mainSlider .container_ #slides .slidesjs-navigation {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  width: 52px;
  height: 52px;
  z-index: 10;
}
.mainSlider .container_ #slides .slidesjs-previous,
.mainSlider .container_ #slides .slidesjs-next {
  background: url('/local/templates/.default/images/sprites.png') no-repeat;
}
.mainSlider .container_ #slides .slidesjs-previous {
  left: 15px;
  background-position: -60px -350px;
}
.mainSlider .container_ #slides .slidesjs-previous:hover {
  background-position: 0 -350px;
}
.mainSlider .container_ #slides .slidesjs-next {
  right: 15px;
  background-position: -180px -350px;
}
.mainSlider .container_ #slides .slidesjs-next:hover {
  background-position: -120px -350px;
}
.mainSlider .container_ #slides .slidesjs-pagination {
  position: absolute;
  margin: auto;
  bottom: 8px;
  left: 0;
  right: 0;
  z-index: 10;
  list-style: none;
  text-align: center;
}
.mainSlider .container_ #slides .slidesjs-pagination li {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin: 0 3px;
}
.mainSlider .container_ #slides .slidesjs-pagination li a {
  display: block;
  width: 20px;
  height: 20px;
  background: url('/local/templates/.default/images/sprites.png') no-repeat;
  background-position: -360px -210px;
  float: left;
  overflow: hidden;
  font-size: 0px;
  color: transparent;
}
.mainSlider .container_ #slides .slidesjs-pagination li a.active,
.mainSlider .container_ #slides .slidesjs-pagination li a:hover.active {
  background-position: -330px -210px;
}
.mainSlider .container_ #slides .slidesjs-stop,
.mainSlider .container_ #slides .slidesjs-play {
  display: none !important;
}
@media 992px {
  .mainSlider {
    width: 1170px;
  }
  .container_ {
    height: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .mainSlider {
    width: auto;
    margin: 0 -15px;
  }
  .container_ {
    height: auto;
  }
  .slidesjs-pagination {
    display: none;
  }
  .slidesjs-navigation {
    display: none;
  }
}
