.module-wrap {
 
  margin-top: 50px;
}

 .module-wrap .slide-container {
    position: relative;
    min-width: 1000px;
    max-width: 1440px;
    max-height: 420px;
}

 .module-wrap .slide-container .slide-btn, .module-wrap .slide-container .slide-btn-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  border: 0;
  outline: none;
  cursor: pointer;
  background: transparent;
  z-index: 999;
}

 .module-wrap .slide-container .slide-btn-panel i, .module-wrap .slide-container .slide-btn i {
  display: inline-block;
  font-size: 25px;
  color: #fff;
  cursor: pointer;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70))
}

 .module-wrap .slide-container .slide-btn-panel:hover i, .module-wrap .slide-container .slide-btn:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

 .module-wrap .slide-container .slide-btn-panel.left-btn, .module-wrap .slide-container .slide-btn.left-btn {
  left: 0
}

 .module-wrap .slide-container .slide-btn-panel.right-btn, .module-wrap .slide-container .slide-btn.right-btn {
  right: 0
}

 .module-wrap .slide-container .slide-btn-panel {
  display: none
}

 .module-wrap .slide-container .slide-btn-panel .btn-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #161a1d;
  opacity: .3;
  filter: alpha(opacity=30);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30));
  display: none
}

 .module-wrap .slide-container:hover .slide-btn-panel, .module-wrap .slide-container:hover .slide-btn-panel .btn-bg {
  display: block
}

 .module-wrap .slide-container .slide-body {
  position: relative;
  overflow: hidden;
  height: 344px
}

 .module-wrap .slide-container .slide-body .slide-content {
  position: absolute;
  *zoom: 1;
  left: 0;
  top: 0
}

 .module-wrap .slide-container .slide-body .slide-content:after, .module-wrap .slide-container .slide-body .slide-content:before {
  content: "";
  display: table
}

 .module-wrap .slide-container .slide-body .slide-content:after {
  clear: both
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item {
  position: relative;
  float: left;
  overflow: hidden;
  color: #000;
  font-size: 0;
  text-align: center;
	max-width: 288px;
	min-height: 344px;
	max-height: 420px;
  cursor: pointer
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg {
  width: 100%;
  height: 100%;
}
 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .item-bg{
    transition: all .5s;
 	transform: scale(1.03);
 }

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask {
  position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #161a1d;
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  transition: all .4s cubic-bezier(.4,0,.2,1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg.other-bg {
  position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #161a1d;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
    transition: all .4s cubic-bezier(.4,0,.2,1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content {
  position: absolute;
  width: 100%;
  bottom: 25%;
  top: 120px;
  transition: all .4s cubic-bezier(.4,0,.2,1)
}
.module-wrap .slide-container .slide-body .slide-content .slide-item .mask:hover .content{
  top: 140px;
}
.module-wrap .slide-container .slide-body .slide-content .slide-item .mask:hover .content .item-desc{
  opacity: 0;
}
/*.module-wrap .slide-container .slide-body .slide-content .slide-item .mask:hover .content .item-title {
    color: #6e126e;
}
.module-wrap .slide-container .slide-body .slide-content .slide-item .mask:hover .content .line-panel .item-line {
    background: #6e126e;
}*/
 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  margin-top: 20px;
  transition: all .4s cubic-bezier(.4,0,.2,1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel .item-line {
  width: 20px;
  height: 2px;
  background: #fff;
  display: inline-block;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  transition: all .4s cubic-bezier(.4,0,.2,1)
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel {
  position: relative;
  width: 25%;
  height: 74px!important;
  display: inline-block
}
.module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel img{
  width: 100%;
  display: inline-block;
}

 .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  font-size: 22px;
  /* font-weight: 400; */
  line-height: 21px;
  margin-top:20px;
}
 .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg {
  background: #161a1d;
  /*background: transparent;*/
  opacity: .3;
  filter: alpha(opacity=30);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30))
}
.item-desc {
    font-size: 14px;
    color: #fff;
    display:none;
    text-align: center;
    margin-top: 30px;
    padding: 0 23px;
    line-height: 24px;
    height: 72px;
}
.item-link {
    display: inline-block;
    border: 1px solid #fff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    margin-top: 40px;
}
.item-link:hover {
    color: #fff;
    border: 1px solid #6e126e;
    background: #6e126e;
    transition: all .3s
}