/* .title{
	display: flex;
	align-items: center;
} */
.layer_box > div > img {
  width: 100%;
}
.nav-link a {
  color: #2f82ff !important;
}
.sys-link p {
  color: #0a69c6 !important;
}
.sol-link p {
  color: #0a69c6 !important;
}
.ali-link p {
  color: #0a69c6 !important;
}
.swiper-slides img {
  width: 100%;
  height: 350px;
}
#toTop {
  -webkit-animation: bounce-up 1.4s linear infinite;
  animation: bounce-up 1.4s linear infinite;
}
@-webkit-keyframes bounce-down {
  25% {
    -webkit-transform: translateY(-10px);
  }
  50%,
  100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(10px);
  }
}

@keyframes bounce-down {
  25% {
    transform: translateY(-10px);
  }
  50%,
  100% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(10px);
  }
}

.animate-bounce-down {
  background: #333;
  width: 100px;
  height: 100px;
  margin: 100px auto;
  -webkit-animation: bounce-down 1.5s linear infinite;
  animation: bounce-down 1.5s linear infinite;
}

@-webkit-keyframes bounce-up {
  25% {
    -webkit-transform: translateY(10px);
  }
  50%,
  100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-10px);
  }
}

@keyframes bounce-up {
  25% {
    transform: translateY(10px);
  }
  50%,
  100% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-10px);
  }
}
.w-simImg {
  height: 100%;
}
.image-w {
  height: 100%;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  background: #000000;
  opacity: 0.65;
  width: 40px;
  height: 60px;
  text-align: center;
  line-height: 60px !important;
  font-weight: bolder;
  font-size: 25px !important;
  color: #fff !important;
}
/* 触摸动画 */
.video {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  object-fit: fill;
  width: 1400px;
}

@charset "utf-8";
* {
  box-sizing: border-box;
  -webkit-appearance: none;
}
*:focus {
  outline: none;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
  font-family: "微软雅黑", microsoft yahei;
  color: #333;
  background: #fff;
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
img {
  vertical-align: middle;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}

.title {
  text-align: center;
  color: #333;
  font-size: 20px;
  margin-bottom: 25px;
}
.img_list {
  margin-left: -10px;
  margin-right: -10px;
}
.img_list li {
  float: left;
  width: 25%;
  margin-bottom: 20px;
}
.img_list li > div {
  margin: 0 10px;
}

.w-simImg .image-w {
  position: relative;
  overflow: hidden;
}
.w-simImg img {
  max-width: 100%;
}
.caption {
  position: relative;
}
.caption .captionbg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.caption .caption-text {
  z-index: 10;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
  padding: 0.5em 1px 0.7em;
}
.caption h3 {
  font-weight: normal;
  font-size: 115%;
  margin: 0;
  line-height: 1.5;
}
.caption p {
  margin: 0;
  padding-top: 0.5em;
  opacity: 0.85;
}
.bg_main {
  background: #000000;
  opacity: 0.6;
}

.imgFloatFull .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 0;
  overflow: hidden;
}
.imgFloatFull .caption .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  z-index: 0;
}
.imgFloatFull .caption .caption-text {
  display: table;
  height: 100%;
  width: 100%;
}
.imgFloatFull .caption .caption-text .caption-text-in {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.imgFloatFull .caption .more1 .more_span {
  border-color: #fff;
}

/*--图片效果--*/
.imgScaleBig .img {
  overflow: hidden;
}
.imgScaleBig:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgScaleSmall .img {
  overflow: hidden;
}
.imgScaleSmall img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.imgScaleSmall:hover img {
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgRotate .img {
  overflow: hidden;
}
.imgRotate:hover img {
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgLeft .img {
  overflow: hidden;
}
.imgLeft img {
  transform: scale(1.2) translateX(5%);
  -ms-transform: scale(1.2) translateX(5%);
  -moz-transform: scale(1.2) translateX(5%);
  -webkit-transform: scale(1.2) translateX(5%);
  -o-transform: scale(1.2) translateX(5%);
}
.imgLeft:hover img {
  transform: scale(1.2) translateX(0);
  -ms-transform: scale(1.2) translateX(0);
  -moz-transform: scale(1.2) translateX(0);
  -webkit-transform: scale(1.2) translateX(0);
  -o-transform: scale(1.2) translateX(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgRight .img {
  overflow: hidden;
}
.imgRight img {
  transform: scale(1.2) translateX(-5%);
  -ms-transform: scale(1.2) translateX(-5%);
  -moz-transform: scale(1.2) translateX(-5%);
  -webkit-transform: scale(1.2) translateX(-5%);
  -o-transform: scale(1.2) translateX(-5%);
}
.imgRight:hover img {
  transform: scale(1.2) translateX(0);
  -ms-transform: scale(1.2) translateX(0);
  -moz-transform: scale(1.2) translateX(0);
  -webkit-transform: scale(1.2) translateX(0);
  -o-transform: scale(1.2) translateX(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgTop .img {
  overflow: hidden;
}
.imgTop img {
  transform: scale(1.2) translateY(5%);
  -ms-transform: scale(1.2) translateY(5%);
  -moz-transform: scale(1.2) translateY(5%);
  -webkit-transform: scale(1.2) translateY(5%);
  -o-transform: scale(1.2) translateY(5%);
}
.imgTop:hover img {
  transform: scale(1.2) translateY(0);
  -ms-transform: scale(1.2) translateY(0);
  -moz-transform: scale(1.2) translateY(0);
  -webkit-transform: scale(1.2) translateY(0);
  -o-transform: scale(1.2) translateY(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgBottom .img {
  overflow: hidden;
}
.imgBottom img {
  transform: scale(1.2) translateY(-5%);
  -ms-transform: scale(1.2) translateY(-5%);
  -moz-transform: scale(1.2) translateY(-5%);
  -webkit-transform: scale(1.2) translateY(-5%);
  -o-transform: scale(1.2) translateY(-5%);
}
.imgBottom:hover img {
  transform: scale(1.2) translateY(0);
  -ms-transform: scale(1.2) translateY(0);
  -moz-transform: scale(1.2) translateY(0);
  -webkit-transform: scale(1.2) translateY(0);
  -o-transform: scale(1.2) translateY(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgLeftBig .img {
  overflow: hidden;
}
.imgLeftBig:hover img {
  transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgLeftBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.imgRightBig .img {
  overflow: hidden;
}
.imgRightBig:hover img {
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgRightBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.imgTopBig .img {
  overflow: hidden;
}
.imgTopBig:hover img {
  transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgTopBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.imgBottomBig .img {
  overflow: hidden;
}
.imgBottomBig:hover img {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgBottomBig .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.imgScaleHide .img {
  overflow: hidden;
}
.imgScaleHide:hover .img {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.imgFadeInScale .img {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.imgFadeInScale:hover .img {
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

/*--文本层效果--*/
.captionbgFadeInDefault .captionbg {
  bottom: -100%;
}
.captionbgFadeInDefault:hover .captionbg {
  bottom: 0;
}
.captionbgFadeInUp .captionbg {
  bottom: -100%;
}
.captionbgFadeInUp:hover .captionbg {
  bottom: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.captionbgFadeInDown .captionbg {
  top: -1000px;
}
.captionbgFadeInDown:hover .captionbg {
  top: 0;
  transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
}
.captionbgFadeInRight .captionbg {
  left: -100%;
}
.captionbgFadeInRight:hover .captionbg {
  left: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.captionbgFadeInLeft .captionbg {
  right: -100%;
}
.captionbgFadeInLeft:hover .captionbg {
  right: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.captionbgFadeInScale .captionbg {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  bottom: -100%;
}
.captionbgFadeInScale:hover .captionbg {
  bottom: 0;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgSwingLeft .captionbg {
  left: 100%;
  transform: perspective(400px) rotateY(-90deg);
  -ms-transform: perspective(400px) rotateY(-90deg);
  -moz-transform: perspective(400px) rotateY(-90deg);
  -webkit-transform: perspective(400px) rotateY(-90deg);
  -o-transform: perspective(400px) rotateY(-90deg);
  transform-origin: right center 0;
  -ms-transform-origin: right center 0;
  -moz-transform-origin: right center 0;
  -webkit-transform-origin: right center 0;
  -o-transform-origin: right center 0;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgSwingLeft:hover .captionbg {
  left: 0;
  transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -webkit-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
}
.captionbgSwingRight .captionbg {
  left: -100%;
  transform: perspective(400px) rotateY(90deg);
  -ms-transform: perspective(400px) rotateY(90deg);
  -moz-transform: perspective(400px) rotateY(90deg);
  -webkit-transform: perspective(400px) rotateY(90deg);
  -o-transform: perspective(400px) rotateY(90deg);
  transform-origin: left center 0;
  -ms-transform-origin: left center 0;
  -moz-transform-origin: left center 0;
  -webkit-transform-origin: left center 0;
  -o-transform-origin: left center 0;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgSwingRight:hover .captionbg {
  left: 0;
  transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -webkit-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
}
.captionbgSwingDown .captionbg {
  top: -100%;
  transform: perspective(400px) rotateX(-90deg);
  -ms-transform: perspective(400px) rotateX(-90deg);
  -moz-transform: perspective(400px) rotateX(-90deg);
  -webkit-transform: perspective(400px) rotateX(-90deg);
  -o-transform: perspective(400px) rotateX(-90deg);
  transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -webkit-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgSwingDown:hover .captionbg {
  top: 0;
  transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -webkit-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
}
.captionbgSwingUp .captionbg {
  bottom: -100%;
  transform: perspective(400px) rotateX(90deg);
  -ms-transform: perspective(400px) rotateX(90deg);
  -moz-transform: perspective(400px) rotateX(90deg);
  -webkit-transform: perspective(400px) rotateX(90deg);
  -o-transform: perspective(400px) rotateX(90deg);
  transform-origin: center bottom 0;
  -ms-transform-origin: center bottom 0;
  -moz-transform-origin: center bottom 0;
  -webkit-transform-origin: center bottom 0;
  -o-transform-origin: center bottom 0;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgSwingUp:hover .captionbg {
  bottom: 0;
  transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -webkit-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
}
.captionbgFadeInRotate .captionbg {
  bottom: -200%;
  transform: scale(0.5) rotateZ(180deg);
  -ms-transform: scale(0.5) rotateZ(180deg);
  -moz-transform: scale(0.5) rotateZ(180deg);
  -webkit-transform: scale(0.5) rotateZ(180deg);
  -o-transform: scale(0.5) rotateZ(180deg);
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgFadeInRotate:hover .captionbg {
  bottom: 0;
  transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -webkit-transform: scale(1) rotateZ(0deg);
  -o-transform: scale(1) rotateZ(0deg);
}
.captionbgCircleTL .captionbg {
  left: -100%;
  top: -100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.captionbgCircleTL:hover .captionbg {
  left: 0;
  top: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3);
}
.captionbgCircleTR .captionbg {
  right: -100%;
  top: -100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.captionbgCircleTR:hover .captionbg {
  right: 0;
  top: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3);
}
.captionbgCircleBL .captionbg {
  left: -100%;
  bottom: -100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.captionbgCircleBL:hover .captionbg {
  left: 0;
  bottom: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3);
}
.captionbgCircleBR .captionbg {
  left: 100%;
  top: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.captionbgCircleBR:hover .captionbg {
  left: 0;
  top: 0;
  transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3);
}
.captionbgHT .captionbg {
  transform: perspective(1000px) rotateY(90deg);
  -ms-transform: translateY(100%);
  -moz-transform: perspective(1000px) rotateY(90deg);
  -webkit-transform: perspective(1000px) rotateY(90deg);
  -o-transform: perspective(1000px) rotateY(90deg);
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgHT:hover .captionbg {
  transform: perspective(600px) rotateY(0deg);
  -ms-transform: translateY(0);
  -moz-transform: perspective(600px) rotateY(0deg);
  -webkit-transform: perspective(600px) rotateY(0deg);
  -o-transform: perspective(600px) rotateY(0deg);
}
.captionbgVT .captionbg {
  transform: perspective(600px) rotateX(90deg);
  -ms-transform: translateX(100%);
  -moz-transform: perspective(600px) rotateX(90deg);
  -webkit-transform: perspective(600px) rotateX(90deg);
  -o-transform: perspective(600px) rotateX(90deg);
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.captionbgVT:hover .captionbg {
  transform: perspective(600px) rotateX(0deg);
  -ms-transform: translateX(0);
  -moz-transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
}

.captionbgFadeOut .caption .captionbg {
  background: #fff;
  opacity: 0.3;
  *filter: alpha(opacity=30);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  z-index: 0;
}
.captionbgFadeOutDefault .captionbg {
  bottom: 0;
}
.captionbgFadeOutDefault:hover .caption .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.captionbgFadeOutScale .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  z-index: 0;
}
.captionbgFadeOutScale {
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  bottom: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.captionbgFadeOutScale:hover .captionbg {
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.textFade .textFadeInDefault {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  width: 100%;
}
.textFade:hover .textFadeInDefault {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.textFade .textFadeInUp {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  margin-bottom: -35px;
  width: 100%;
}
.textFade:hover .textFadeInUp {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  margin-bottom: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.textFade .textFadeInDown {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  margin-bottom: 35px;
  width: 100%;
}
.textFade:hover .textFadeInDown {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  margin-bottom: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.textFade .textFadeInLeft {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  margin-left: -100%;
  width: 100%;
}
.textFade:hover .textFadeInLeft {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  margin-left: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.textFade .textFadeInRight {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  margin-left: 100%;
  width: 100%;
}
.textFade:hover .textFadeInRight {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  margin-left: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.textFade .textFadeInScale {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  width: 100%;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
}
.textFade:hover .textFadeInScale {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.textFade .textFadeInRotate {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  width: 100%;
}
.textFade:hover .textFadeInRotate {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.textFade .textFadeOutDefault {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  width: 100%;
}
.textFade:hover .textFadeOutDefault {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.textFade .textFadeOutScale {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  width: 100%;
  transform: scale(0);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
}
.textFade:hover .textFadeOutScale {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.imgTextL .caption::before,
.imgTextL .caption::after {
  position: absolute;
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  z-index: 99;
}
.imgTextL .caption::before {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 20px;
  left: 10px;
  right: 10px;
  top: 20px;
  transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
}
.imgTextL .caption::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  bottom: 10px;
  left: 20px;
  right: 20px;
  top: 10px;
  transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform-origin: 100% 0 0;
  -ms-transform-origin: 100% 0 0;
  -moz-transform-origin: 100% 0 0;
  -webkit-transform-origin: 100% 0 0;
  -o-transform-origin: 100% 0 0;
}
.imgTextL:hover .caption::before,
.imgTextL:hover .caption::after {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgTextA .caption::before,
.imgTextA .caption::after {
  position: absolute;
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  z-index: 99;
}
.imgTextA .caption::before {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
  transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
}
.imgTextA .caption::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
  transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform-origin: 100% 0 0;
  -ms-transform-origin: 100% 0 0;
  -moz-transform-origin: 100% 0 0;
  -webkit-transform-origin: 100% 0 0;
  -o-transform-origin: 100% 0 0;
}
.imgTextA:hover .caption::before,
.imgTextA:hover .caption::after {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.imgTextB .caption::before {
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  z-index: 99;
  transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  border: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.imgTextB:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  z-index: 99;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.imgTextS .caption::before,
.imgTextS .caption::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  z-index: 99;
  top: 50%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: translate3d(-50%, -50%, 0px);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate3d(-50%, -50%, 0px);
  -webkit-transform: translate3d(-50%, -50%, 0px);
  -o-transform: translate3d(-50%, -50%, 0px);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  width: 80%;
}
.imgTextS:hover .caption::before {
  opacity: 0.5;
  *filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  transform: translate3d(-50%, -50%, 0px) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate(45deg);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate(45deg);
  -o-transform: translate3d(-50%, -50%, 0px) rotate(45deg);
}
.imgTextS:hover .caption::after {
  opacity: 0.5;
  *filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
  -o-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
}

.imgTextC .caption::before {
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  z-index: 99;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  border: 1px solid #fff;
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.imgTextC:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.imgTextD .caption::before {
  border: 2px solid #fff;
  content: "";
  height: 50%;
  left: 50%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  position: absolute;
  z-index: 99;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(0, 0, 1);
  -ms-transform: translate(-50%, -50%) rotate(-45deg) scale(0, 0);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(0, 0, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(0, 0, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(0, 0, 1);
  transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  width: 50%;
}
.imgTextD:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) rotate(-45deg) scale(1, 1);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(1, 1, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(1, 1, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg)
    scale3d(1, 1, 1);
}

.imgTextE .caption::before {
  border: 2px solid #fff;
  content: "";
  height: 50%;
  left: 50%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  position: absolute;
  z-index: 99;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(0, 0, 1);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0, 0);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(0, 0, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(0, 0, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(0, 0, 1);
  transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  width: 50%;
}
.imgTextE:hover .caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1, 1);
  -moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(1, 1, 1);
  -webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(1, 1, 1);
  -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg)
    scale3d(1, 1, 1);
}

.imgTextF .caption::before {
  background: rgba(255, 255, 255, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, -100%, 0px);
  -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);
  -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, -100%, 0px);
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, -100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, -100%, 0px);
  transition: transform 0.6s ease 0s;
  -moz-transition: transform 0.6s ease 0s;
  -webkit-transition: transform 0.6s ease 0s;
  -o-transition: transform 0.6s ease 0s;
  width: 100%;
}
.imgTextF:hover .caption::before {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, 100%, 0px);
  -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);
  -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, 100%, 0px);
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, 100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0px, 100%, 0px);
}
.imgTextF .caption .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.imgTextG .caption::after {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -ms-transform: rotate(45deg) scale(1, 0);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  width: 100%;
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
  -moz-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
  -webkit-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
  -o-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
.imgTextG:hover .caption::after {
  opacity: 1;
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -ms-transform: rotate(45deg) scale(1, 1);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

.imgGrayScale img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.4;
} /*灰度*/
.imgGrayScale:hover img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  opacity: 1;
}
.imgGrayScale p {
  font-size: 90%;
  padding-top: 0;
  color: #aaa;
}

.imgFloat.captionbgFadeInDefault.textFade .img {
  overflow: hidden;
}
.imgFloat.captionbgFadeInDefault.textFade .img img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.imgFloat.captionbgFadeInDefault.textFade:hover .img img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.imgFloat.captionbgFadeInDefault.textFade .captionbg {
  bottom: 0;
}
.imgFloat.captionbgFadeInDefault.textFade .textFadeInDefault {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

/*鼠标进入进出*/
.w-multi-imgs-inout li {
  position: relative;
}
.imgInOut a {
  display: block;
  -webkit-perspective: 400px;
  perspective: 400px;
  position: relative;
  overflow: hidden;
}
.imgInOut .caption {
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
  transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  color: #fff;
  padding: 0;
}
.imgInOut .caption .captionbg {
  opacity: 0.85;
  *filter: alpha(opacity=85);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  z-index: 0;
}
.imgInOut .caption .caption-text {
  display: table;
  height: 100%;
  width: 100%;
}
.imgInOut .caption .caption-text .caption-text-in {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.in-top .caption {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: in-top 300ms ease 0ms 1 forwards;
  animation: in-top 300ms ease 0ms 1 forwards;
}
.in-right .caption {
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-animation: in-right 300ms ease 0ms 1 forwards;
  animation: in-right 300ms ease 0ms 1 forwards;
}
.in-bottom .caption {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
  animation: in-bottom 300ms ease 0ms 1 forwards;
}
.in-left .caption {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: in-left 300ms ease 0ms 1 forwards;
  animation: in-left 300ms ease 0ms 1 forwards;
}
.out-top .caption {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: out-top 300ms ease 0ms 1 forwards;
  animation: out-top 300ms ease 0ms 1 forwards;
  top: -1px;
}
.out-right .caption {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: out-right 300ms ease 0ms 1 forwards;
  animation: out-right 300ms ease 0ms 1 forwards;
  left: 1px;
}
.out-bottom .caption {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
  animation: out-bottom 300ms ease 0ms 1 forwards;
  top: 1px;
}
.out-left .caption {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: out-left 300ms ease 0ms 1 forwards;
  animation: out-left 300ms ease 0ms 1 forwards;
  left: -1px;
}
@-webkit-keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes in-top {
  from {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
    transform: rotate3d(-1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes in-right {
  from {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
    transform: rotate3d(0, -1, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes in-bottom {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes in-left {
  from {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
    transform: rotate3d(0, 1, 0, 90deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 130deg);
    transform: rotate3d(-1, 0, 0, 130deg);
  }
}
@keyframes out-top {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(-1, 0, 0, 130deg);
    transform: rotate3d(-1, 0, 0, 130deg);
  }
}
@-webkit-keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 130deg);
    transform: rotate3d(0, -1, 0, 130deg);
  }
}
@keyframes out-right {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, -1, 0, 130deg);
    transform: rotate3d(0, -1, 0, 130deg);
  }
}
@-webkit-keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 130deg);
    transform: rotate3d(1, 0, 0, 130deg);
  }
}
@keyframes out-bottom {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(1, 0, 0, 130deg);
    transform: rotate3d(1, 0, 0, 130deg);
  }
}
@-webkit-keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 130deg);
    transform: rotate3d(0, 1, 0, 130deg);
  }
}
@keyframes out-left {
  from {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
  }
  to {
    -webkit-transform: rotate3d(0, 1, 0, 130deg);
    transform: rotate3d(0, 1, 0, 130deg);
  }
}

/*特定图文组合效果*/
.simImg_spec .caption h3 {
  font-size: 18px;
  text-align: center;
}
.simImg_spec .caption {
  overflow: hidden;
}
.specFull .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 0;
}
.specFull .caption .captionbg {
  opacity: 0.9;
  *filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  z-index: 0;
}
.specFull .caption .caption-text {
  display: table;
  height: 100%;
  width: 100%;
}
.specFull .caption .caption-text .caption-text-in {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.simImg_spec1 .caption-text {
  position: relative;
}
.simImg_spec1 .caption-text::before,
.simImg_spec1 .caption-text::after {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  content: "";
  position: absolute;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  left: 10px;
  width: 90%;
  width: calc(100% - 20px);
}
.simImg_spec1 .caption-text::before {
  top: 10px;
}
.simImg_spec1 .caption-text::after {
  bottom: 10px;
}
.simImg_spec1:hover .caption-text::before,
.simImg_spec1:hover .caption-text::after {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec1 .caption-text h3,
.simImg_spec1 .caption-text p {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  position: relative;
}
.simImg_spec1 .caption-text h3 {
  top: 35px;
}
.simImg_spec1 .caption-text p {
  top: -35px;
}
.simImg_spec1:hover .caption-text h3 {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  top: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec1:hover .caption-text p {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  top: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.simImg_spec2 img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec2 .caption::before,
.simImg_spec2 .caption::after {
  border-color: rgba(255, 255, 255, 0.3);
}
.simImg_spec2 .caption .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec2:hover .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec2 .caption-text {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec2:hover .caption-text {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec2 .caption .caption-text .caption-text-in {
  padding: 1.6em;
}

.simImg_spec3 img {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-5%, 0, 0) scale(1.1);
  transform: translate3d(-5%, 0, 0) scale(1.1);
}
.simImg_spec3:hover img {
  -webkit-transform: translate3d(0, 0, 0) scale(1.1);
  transform: translate3d(0, 0, 0) scale(1.1);
}
.simImg_spec3 .captionbg {
  left: 0;
  top: 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.simImg_spec3:hover .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.simImg_spec3 .w-img-caption {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.simImg_spec3 .caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em;
  width: 100%;
  min-height: 5.5em;
  color: #fff; /*text-align:left;*/
}
.simImg_spec3 h3,
.simImg_spec3 p {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.simImg_spec3 p {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec3 h3 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.simImg_spec3 p {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  height: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}
.simImg_spec3:hover p {
  opacity: 1;
}
.simImg_spec3:hover h3,
.simImg_spec3:hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.simImg_spec3:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  height: auto;
}

.simImg_spec4 .captionbg {
  left: 0;
  top: 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.simImg_spec4:hover .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.simImg_spec4 .w-img-caption {
  /*text-align: right;*/
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
}
.simImg_spec4 .caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}
.simImg_spec4 h3,
.simImg_spec4 p {
  position: absolute;
  right: 1em;
  left: 1em;
  padding: 10px 0;
}
.simImg_spec4 p {
  bottom: 1em;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.simImg_spec4 h3 {
  top: 1em;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.simImg_spec4:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.simImg_spec4 h3::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  content: "";
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}
.simImg_spec4 h3::after {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.simImg_spec4 p {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.simImg_spec4:hover h3::after {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.simImg_spec4:hover p {
  opacity: 0.9;
  *filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.simImg_spec5 .captionbg {
  left: 0;
  top: 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.simImg_spec5:hover .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.simImg_spec5 .w-img-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 1.5em;
}
.simImg_spec5 .w-img-caption::before {
  position: absolute;
  top: 1em;
  right: 1em;
  bottom: 1em;
  left: 1em;
  border: 1px solid rgba(255, 255, 255, 0.7);
  content: "";
}
.simImg_spec5 h3 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.simImg_spec5 .w-img-caption::before {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.simImg_spec5 p {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.simImg_spec5:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.simImg_spec5:hover .w-img-caption::before {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.simImg_spec5:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.simImg_spec5:hover .w-img-caption {
  background-color: rgba(58, 52, 42, 0);
}

/*.simImg_spec6 img{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform: translate3d(-5%,0,0) scale(1.1);transform: translate3d(-5%,0,0) scale(1.1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.simImg_spec6:hover img{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}*/
.simImg_spec6 .captionbg {
  left: 0;
  top: 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.simImg_spec6:hover .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.simImg_spec6 .w-img-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 1em;
}
.simImg_spec6 h3 {
  position: relative;
  overflow: hidden;
  padding-bottom: 0.5em;
}
.simImg_spec6 h3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: "";
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.simImg_spec6:hover h3::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.simImg_spec6 p {
  padding: 1em 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.simImg_spec6:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.simImg_spec7 .w-img-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 1em;
}
.simImg_spec7 .caption-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
}
.simImg_spec7 img,
.simImg_spec7 h3 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.simImg_spec7 h3 {
  padding: 1em;
}
.simImg_spec7 p {
  padding: 0 1.2em;
  text-transform: none;
  font-size: 90%;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  height: 0;
  overflow: hidden;
  -webkit-transform: translate3d(0, 50%, 0) scale(1, 0);
  transform: translate3d(0, 50%, 0) scale(1, 0);
  line-height: 1.5;
}
.simImg_spec7:hover img {
  -webkit-transform: translate3d(0, -30px, 0) scale(1, 1);
  transform: translate3d(0, -30px, 0) scale(1, 1);
}
.simImg_spec7:hover p {
  padding: 1em 1.2em;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  height: auto;
}
/*3.22新增*/
.simImg_spec8 .image-w {
  overflow: visible;
}
.simImg_spec8 .caption {
  z-index: 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.simImg_spec8:hover .caption {
  z-index: 1;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: translate(10px, 10px);
  -webkit-transform: translate(10px, 10px);
  -moz-transform: translate(10px, 10px);
}
.simImg_spec8 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec9 .image-w {
  overflow: visible;
}
.simImg_spec9 .caption {
  z-index: 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.simImg_spec9:hover .caption {
  z-index: 1;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: translate(10px, -10px);
  -webkit-transform: translate(10px, -10px);
  -moz-transform: translate(10px, -10px);
}
.simImg_spec9 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec10 img {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec10:hover img {
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec10 .caption {
  z-index: 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transform: rotateZ(180deg) scale(0);
  -moz-transform: rotateZ(180deg) scale(0);
  -webkit-transform: rotateZ(180deg) scale(0);
}
.simImg_spec10:hover .caption {
  z-index: 1;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: rotateZ(0deg) scale(1);
  -moz-transform: rotateZ(0deg) scale(1);
  -webkit-transform: rotateZ(0deg) scale(1);
}
.simImg_spec10 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec11 img {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec11:hover img {
  left: 100%;
  transform: rotateZ(180deg) scale(0.7);
  -moz-transform: rotateZ(180deg) scale(0.7);
  -webkit-transform: rotateZ(180deg) scale(0.7);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec11 .caption {
  left: -100%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transform: rotateZ(180deg) scale(0.7);
  -moz-transform: rotateZ(180deg) scale(0.7);
  -webkit-transform: rotateZ(180deg) scale(0.7);
}
.simImg_spec11:hover .caption {
  left: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: rotateZ(0deg) scale(1);
  -moz-transform: rotateZ(0deg) scale(1);
  -webkit-transform: rotateZ(0deg) scale(1);
}
.simImg_spec11 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec12 .image-w {
  overflow: visible;
}
.simImg_spec12 .img {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  z-index: 2;
  bottom: 0;
  font-size: 100%;
}
.simImg_spec12:hover .img {
  bottom: 4.5em;
}
.simImg_spec12 .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 1;
}
.simImg_spec12 .caption .captionbg {
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec12 .caption .caption-text {
  padding: 0.5em 1em 0.7em;
}
.simImg_spec12 .caption h3 {
  line-height: 1.3;
  padding: 0;
}
.simImg_spec12 .caption p {
  line-height: 1.5;
  padding-top: 0.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}

.simImg_spec13 .image-w {
  overflow: visible;
}
.simImg_spec13 .img {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  z-index: 2;
  top: 0;
  font-size: 100%;
}
.simImg_spec13:hover .img {
  top: 4.5em;
}
.simImg_spec13 .caption {
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  top: 0;
  z-index: 1;
}
.simImg_spec13 .caption .captionbg {
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec13 .caption .caption-text {
  padding: 0.5em 1em 0.7em;
}
.simImg_spec13 .caption h3 {
  line-height: 1.3;
  padding: 0;
}
.simImg_spec13 .caption p {
  line-height: 1.5;
  padding-top: 0.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}

.simImg_spec14 .img {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  z-index: 2;
  bottom: 0;
  font-size: 100%;
}
.simImg_spec14:hover .img {
  bottom: 4.5em;
}
.simImg_spec14 .caption {
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  bottom: -4.22em;
  z-index: 1;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.simImg_spec14:hover .caption {
  bottom: 0;
}
.simImg_spec14 .caption .captionbg {
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec14 .caption .caption-text {
  padding: 0.5em 1em 0.7em;
}
.simImg_spec14 .caption h3 {
  line-height: 1.3;
  padding: 0;
}
.simImg_spec14 .caption p {
  line-height: 1.5;
  padding-top: 0.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}

.simImg_spec15 .img {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  z-index: 2;
  top: 0;
  font-size: 100%;
}
.simImg_spec15:hover .img {
  top: 4.5em;
}
.simImg_spec15 .caption {
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  top: -4.22em;
  z-index: 1;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.simImg_spec15:hover .caption {
  top: 0;
}
.simImg_spec15 .caption .captionbg {
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec15 .caption .caption-text {
  padding: 0.5em 1em 0.7em;
}
.simImg_spec15 .caption h3 {
  line-height: 1.3;
  padding: 0;
}
.simImg_spec15 .caption p {
  line-height: 1.5;
  padding-top: 0.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}

.simImg_spec16 .caption {
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 0;
  top: 0;
  bottom: auto;
  transform-origin: top;
  -moz-transform-origin: top;
  -webkit-transform-origin: top;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.simImg_spec16:hover .caption {
  z-index: 1;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
}
.simImg_spec16 .caption .captionbg {
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec16 .caption .caption-text {
  padding: 0.5em 1em 0.7em;
}

.simImg_spec17 .caption .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec17:hover .caption .captionbg {
  opacity: 0.8;
  *filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.simImg_spec17 .caption .caption-text {
  text-align: center;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
}
.simImg_spec17:hover .caption .caption-text {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

.simImg_spec18 .img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  bottom: 0;
  transform-origin: bottom;
  -moz-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
}
.simImg_spec18:hover .img {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: perspective(600px) rotateX(90deg);
  -webkit-transform: perspective(600px) rotateX(90deg);
  -moz-transform: perspective(600px) rotateX(90deg);
}
.simImg_spec18 .caption {
  z-index: 0;
  top: 0;
  transform-origin: top;
  -moz-transform-origin: top;
  -webkit-transform-origin: top;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec18:hover .caption {
  z-index: 1;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: perspective(600px) rotateX(0deg);
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
}
.simImg_spec18 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec19 .img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  bottom: 0;
  transform-origin: right;
  -moz-transform-origin: right;
  -webkit-transform-origin: right;
  transform: perspective(600px) rotateY(0deg);
  -webkit-transform: perspective(600px) rotateY(0deg);
  -moz-transform: perspective(600px) rotateY(0deg);
}
.simImg_spec19:hover .img {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: perspective(600px) rotateY(-90deg);
  -webkit-transform: perspective(600px) rotateY(-90deg);
  -moz-transform: perspective(600px) rotateY(-90deg);
}
.simImg_spec19 .caption {
  z-index: 0;
  left: 0;
  transform-origin: left;
  -moz-transform-origin: left;
  -webkit-transform-origin: left;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: perspective(600px) rotateY(90deg);
  -webkit-transform: perspective(600px) rotateY(90deg);
  -moz-transform: perspective(600px) rotateY(90deg);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec19:hover .caption {
  z-index: 1;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: perspective(600px) rotateY(0deg);
  -webkit-transform: perspective(600px) rotateY(0deg);
  -moz-transform: perspective(600px) rotateY(0deg);
}
.simImg_spec19 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec20 .img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  z-index: 1;
}
.simImg_spec20:hover .img {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: rotate3d(-1, 1, 0, 100deg);
  transform: rotate3d(-1, 1, 0, 100deg);
}
.simImg_spec20 .caption {
  z-index: 0;
  opacity: 0;
  -webkit-transform: rotate3d(1, -1, 0, 100deg);
  transform: rotate3d(1, -1, 0, 100deg);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec20:hover .caption {
  z-index: 2;
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg);
}
.simImg_spec20 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec21 .img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  z-index: 1;
}
.simImg_spec21:hover .img {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: rotate3d(-1, -1, 0, 100deg);
  transform: rotate3d(-1, -1, 0, 100deg);
}
.simImg_spec21 .caption {
  z-index: 0;
  opacity: 0;
  -webkit-transform: rotate3d(1, 1, 0, 100deg);
  transform: rotate3d(1, 1, 0, 100deg);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.simImg_spec21:hover .caption {
  z-index: 2;
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg);
}
.simImg_spec21 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec22 .caption-text {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  -webkit-transition: all 0.3s 0.2s;
}
.simImg_spec22:hover .caption-text {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec22 .captionbg {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  width: auto;
  height: auto;
}
.simImg_spec22:hover .captionbg {
  top: -100%;
  bottom: -100%;
}

.simImg_spec23 .img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  position: relative;
  z-index: 1;
}
.simImg_spec23:hover .img {
  opacity: 0;
  -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
  transform: rotateX(90deg) scale(0.6) translateY(50%);
}
.simImg_spec23 .caption {
  z-index: 0;
  opacity: 0;
  top: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.simImg_spec23:hover .caption {
  z-index: 2;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: rotateX(0deg) translate3d(0%, 0%, 0) scale(1);
  transform: rotateX(0deg) translate3d(0%, 0%, 0) scale(1);
}
.simImg_spec23 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec24 .img {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  z-index: 1;
}
.simImg_spec24:hover .img {
  opacity: 0;
  -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.simImg_spec24 .caption {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  z-index: 0;
  opacity: 0;
  -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.simImg_spec24:hover .caption {
  z-index: 2;
  opacity: 1;
  -webkit-transform: rotateX(0deg) translateY(0%) scale(1);
  transform: rotateX(0deg) translateY(0%) scale(1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.simImg_spec24 .caption .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec25 .img {
  position: relative;
  z-index: 1;
}
.simImg_spec25 .img:before {
  content: "";
  position: absolute;
  top: -200%;
  right: 0;
  width: 200%;
  height: 200%;
  background: rgba(0, 0, 0, 0.5);
  transform: rotate(45deg) translateX(2%);
  -webkit-transform: rotate(45deg) translateX(2%);
  transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
  transition: all 200ms ease 0.4s;
  -webkit-transition: all 200ms ease 0.4s;
}
.simImg_spec25:hover .img:before {
  top: 0;
}
.simImg_spec25 .img:after {
  content: "";
  position: absolute;
  bottom: -200%;
  left: 0;
  width: 200%;
  height: 200%;
  background: rgba(0, 0, 0, 0.5);
  transform: rotate(45deg) translateX(-2%);
  -webkit-transform: rotate(45deg) translateX(-2%);
  transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  transition: all 200ms ease 0.4s;
  -webkit-transition: all 200ms ease 0.4s;
}
.simImg_spec25:hover .img:after {
  bottom: 0;
}
.simImg_spec25 .caption {
  color: #fff;
  position: absolute;
  width: 100%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  top: 50%;
  top: 10%\9;
  *top: 10%;
  transform: translateY(-50%) rotate(55deg);
  -webkit-transform: translateY(-50%) rotate(55deg);
  left: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  z-index: 9;
  overflow: hidden;
}
:root .simImg_spec25 .caption {
  top: 50%;
}
.simImg_spec25:hover .caption {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec25 .caption .captionbg {
  opacity: 0.8;
  *filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.simImg_spec25 .caption-text-in {
  padding: 10px;
}

.simImg_spec26 {
  background: #000;
}
.simImg_spec26 img {
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.simImg_spec26:hover img {
  opacity: 0.4;
}
.simImg_spec26 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec26 .captionbg {
  position: absolute;
  top: 2em;
  right: 2em;
  bottom: 2em;
  left: 2em;
  width: auto;
  height: auto;
  border: 2px solid #fff;
  box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
  content: "";
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.4, 1.4, 1);
  transform: scale3d(1.4, 1.4, 1);
}
.simImg_spec26 .caption-text {
  top: 50%;
  top: 2%\9;
  *top: 2%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
:root .simImg_spec26 .caption-text {
  top: 50%;
}
.simImg_spec26 .caption-text-in {
  padding: 3em;
}
.simImg_spec26 h3 {
  font-size: 130%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.simImg_spec26 p {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.simImg_spec26:hover h3 {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.simImg_spec26:hover .captionbg,
.simImg_spec26:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.simImg_spec27 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec27 .caption .caption-text {
  height: 100%;
  width: 100%;
  padding: 0;
}
.simImg_spec27 .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.simImg_spec27:hover .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.simImg_spec27 img,
.simImg_spec27 p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.simImg_spec27:hover img {
  -webkit-transform: scale3d(1.5, 1.5, 1);
  transform: scale3d(1.5, 1.5, 1);
}
.simImg_spec27 h3 {
  font-size: 130%;
  text-align: center;
  padding: 1.5em 1em 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.simImg_spec27 p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 1em;
  padding: 1.2em;
  border: 2px solid #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform-origin: 50% -100%;
  transform-origin: 50% -100%;
}
.simImg_spec27:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.simImg_spec28 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.simImg_spec28 .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.simImg_spec28:hover .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.simImg_spec28 .caption-text {
  top: 50%;
  top: 10%\9;
  *top: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0.5em 0;
}
:root .simImg_spec28 .caption-text {
  top: 50%;
}
.simImg_spec28 h3 {
  width: 90%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5em 1.6em;
  transform: translateY(100%);
  transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.simImg_spec28:hover h3 {
  transform: none;
}
.simImg_spec28 p {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  transform: scale(0);
  transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
  border: 1px solid #fff;
  margin: 1em;
  padding: 1em;
  display: -webkit-box;
  height: 280px;
  overflow: hidden;
}
.simImg_spec28:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  transform: scale(1);
}

.simImg_spec29 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec29 .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.simImg_spec29:hover .captionbg {
  opacity: 0.7;
  *filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.simImg_spec29 .caption-text {
  top: 50%;
  top: 10%\9;
  *top: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0.5em 0;
}
:root .simImg_spec29 .caption-text {
  top: 50%;
}
.simImg_spec29 img {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.simImg_spec29:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.simImg_spec29 h3 {
  position: relative;
  padding: 0.6em 1em;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.simImg_spec29 p {
  padding: 0.6em 1.15em;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.simImg_spec29:hover h3,
.simImg_spec29:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.simImg_spec29:hover p {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.simImg_spec30 img {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.simImg_spec30:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.simImg_spec30 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec30 .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
}
.simImg_spec30 .caption-text {
  top: 50%;
  top: 10%\9;
  *top: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0.5em 0;
}
:root .simImg_spec30 .caption-text {
  top: 50%;
}
.simImg_spec30 h3 {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.6em 1em;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.simImg_spec30 p {
  padding: 0.6em 1.15em;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: translateX(300px) rotate(90deg);
  transform: translateX(300px) rotate(90deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.simImg_spec30:hover .captionbg {
  opacity: 0.6;
  *filter: alpha(opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.simImg_spec30:hover h3 {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.simImg_spec30:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.simImg_spec31 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec31 .caption-text {
  top: 50%;
  top: 10%\9;
  *top: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0.5em 0;
}
:root .simImg_spec31 .caption-text {
  top: 50%;
}
.simImg_spec31 img {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec31 .captionbg {
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.simImg_spec31 h3 {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.6em 1em;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.simImg_spec31 p {
  padding: 0.6em 1.15em;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.simImg_spec31:hover img {
  -webkit-transform: rotate(720deg) scale(0);
  transform: rotate(720deg) scale(0);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec31:hover .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translateY(0px) rotate(0deg);
  transform: translateY(0px) rotate(0deg);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.simImg_spec31:hover h3 {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.simImg_spec31:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.simImg_spec32 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec32 .caption-text {
  top: 50%;
  top: 10%\9;
  *top: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0.5em 0;
}
:root .simImg_spec32 .caption-text {
  top: 50%;
}
.simImg_spec32 .caption-text-in {
  padding: 0 1.2em;
}
.simImg_spec32 img {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.simImg_spec32 .captionbg {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec32 h3 {
  padding: 0.6em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec32 p {
  padding: 0.6em 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.simImg_spec32:hover img {
  -webkit-transform: scale(10);
  transform: scale(10);
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec32:hover .captionbg {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.simImg_spec32:hover h3,
.simImg_spec32:hover p {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.simImg_spec33 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec33 .caption-text {
  top: 50%;
  top: 10%\9;
  *top: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding: 0.5em 0;
}
:root .simImg_spec33 .caption-text {
  top: 50%;
}
.simImg_spec33 .caption-text-in {
  padding: 0 1.2em;
}
.simImg_spec33 .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.3s ease-in 0.4s;
  transition: all 0.3s ease-in 0.4s;
}
.simImg_spec33 h3 {
  padding: 0.6em 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transform: scale(10);
  transform: scale(10);
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
}
.simImg_spec33 p {
  padding: 0.6em 0;
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transform: scale(10);
  transform: scale(10);
  -webkit-transition: all 0.3s ease-in-out 0.2s;
  transition: all 0.3s ease-in-out 0.2s;
}
.simImg_spec33:hover .captionbg {
  opacity: 0.85;
  *filter: alpha(opacity=85);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}
.simImg_spec33:hover h3 {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.simImg_spec33:hover p {
  opacity: 1;
  *filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.simImg_spec34 img {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.simImg_spec34:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.simImg_spec34 .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.simImg_spec34 .captionbg {
  opacity: 0;
  *filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.simImg_spec34:hover .captionbg {
  opacity: 0.85;
  *filter: alpha(opacity=85);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}
.simImg_spec34 .caption-text {
  height: 100%;
  text-align: center;
}
.simImg_spec34 .caption-text::before,
.simImg_spec34 .caption-text::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 1px;
  background: #fff;
  content: "";
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.simImg_spec34:hover .caption-text::before {
  opacity: 0.5;
  *filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.simImg_spec34:hover .caption-text::after {
  opacity: 0.5;
  *filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.simImg_spec34 h3,
.simImg_spec34 p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0.6em 5%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.simImg_spec34 h3 {
  font-size: 150%;
  -webkit-transform: translate3d(0, -130%, 0);
  transform: translate3d(0, -130%, 0);
}
.simImg_spec34 p {
  -webkit-transform: translate3d(0, 1em, 0);
  transform: translate3d(0, 1em, 0);
  line-height: 1.5;
  max-height: 3.5em;
  overflow: hidden;
}
.simImg_spec34:hover h3 {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.simImg_spec34:hover p {
  -webkit-transform: translate3d(0, 0.1em, 0);
  transform: translate3d(0, 0.1em, 0);
}

@media (max-width: 960px) {
  .img_list li {
    width: 33.333%;
  }

  .simImg_spec .caption h3 {
    font-size: 115%;
  }
  .simImg_spec p {
    font-size: 90%;
  }
  .simImg_spec12:hover .img {
    bottom: 4.2em;
  }
  .simImg_spec13:hover .img {
    top: 4.2em;
  }
  .simImg_spec14:hover .img {
    bottom: 4.2em;
  }
  .simImg_spec15:hover .img {
    top: 4.2em;
  }
}
@media (max-width: 720px) {
  .img_list li {
    width: 50%;
  }
}