/* 第一个轮播 */
.slideBox {
  width: 588px;
  height: 384px;
  overflow: hidden;
  position: relative;
}

.slideBox .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 30px;
  bottom: 16px;
  z-index: 1;
}

.slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.slideBox .hd ul li {
  float: left;
  margin-right: 10px;
  width: 10px;
  height: 10px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
}

.slideBox .bd ul li p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 115px 0 10px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, .5);
  color: #fff;
}

.slideBox .hd ul li.on {
  background: #ff862d;
  color: #fff;
  width: 20px;
  border-radius: 26%;
  height: 10px;
}

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
}

.slideBox .bd img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.6s;
}

.slideBox .bd img:hover {
  transform: scale(1.05);
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next {
  position: absolute;
  left: 3%;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 32px;
  height: 40px;
  background: url(images/slider-arrow.png) -110px 5px no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.slideBox .next {
  left: auto;
  right: 3%;
  background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.slideBox .prevStop {
  display: none;
}

.slideBox .nextStop {
  display: none;
}

/* 第二个轮播 */
.picScroll-left {
  overflow: hidden;
  position: relative;
  border-bottom: 1px dashed #dddddd;
  height: 100%;
}

.picScroll-left .hd {
  overflow: hidden;
  height: 30px;
  padding: 0 10px;
  display: inline-block;
}


.picScroll-left .next {
  display: inline-block;
  width: 15px;
  height: 37px;
  float: right;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 40%;
  right: 0;
  z-index: 100000;
}

.picScroll-left .prev {
  display: inline-block;
  width: 15px;
  height: 37px;
  float: left;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 100000;
}

.picScroll-left .next {
  background: url("../images/is-r.png") no-repeat;
}

.picScroll-left .prev {
  background: url("../images/is-l.png") no-repeat;
}

.picScroll-left .hd .next {
  background-position: 0 -50px;
}

.picScroll-left .hd .prevStop {
  background-position: -60px 0;
}

.picScroll-left .hd .nextStop {
  background-position: -60px -50px;
}

.picScroll-left .hd ul {
  float: right;
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
  zoom: 1;
}

.picScroll-left .hd ul li {
  float: left;
  overflow: hidden;
  margin-right: 5px;
  text-indent: -999px;
  cursor: pointer;
  background: url("images/icoCircle.gif") 0 -9px no-repeat;

}

.picScroll-left .hd ul li.on {
  background-position: 0 0;
}

.picScroll-left .bd {
  padding: 10px;
  height: 100%;
  padding-top: 30px;
}

.picScroll-left .bd ul {
  overflow: hidden;
  zoom: 1;
}

.picScroll-left .bd ul li {
  margin: 0px 0px;
  overflow: hidden;
  text-align: center;
  height: 90px;
  width: 123px !important;
  line-height: 16px;
}

.picScroll-left .bd ul li .pic {
  text-align: center;
}

.picScroll-left .bd ul li .pic img {
  /* width: 120px; */
  /* height: 90px; */
  /* display: block; */
  padding: 2px;
  /* margin-left: 12px; */
  /* padding-right: 45px; */
}

.picScroll-left .bd ul li .pic a:hover img {
  border-color: #999;
}

.picScroll-left .bd ul li .title {
  line-height: 24px;
}

.tempWrap {
  height: 100%;
}

.picList {
  height: 100%;
}

.picScroll-left .bd ul li .pic>p {
  width: 10px !important;
  word-wrap: break-word;
}