.demo-image {
  width: 100%;
}

.M-box, .M-box1, .M-box2, .M-box3, .M-box4 {
  position: relative;
  text-align: center;
  zoom: 1;
}

.M-box:before, .M-box:after, .M-box1:before, .M-box1:after, .M-box2:before, .M-box2:after, .M-box3:before, .M-box3:after, .M-box4:before, .M-box4:after {
  content: "";
  display: table;
}

.M-box:after, .M-box1:after, .M-box2:after, .M-box3:after, .M-box4:after {
  clear: both;
  overflow: hidden;
}

.M-box span, .M-box1 span, .M-box2 span, .M-box3 span, .M-box4 span {
  float: left;
  margin: 0 5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
}

.M-box .active, .M-box1 .active, .M-box2 .active, .M-box3 .active, .M-box4 .active {
  float: left;
  margin: 0 2px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #C8142D;
  color: #fff;
  font-size: 14px;
  border: 1px solid #C8142D;
}

.M-box a, .M-box1 a, .M-box2 a, .M-box3 a, .M-box4 a {
  float: left;
  margin: 0 2px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
}

.M-box a:hover, .M-box1 a:hover, .M-box2 a:hover, .M-box3 a:hover, .M-box4 a:hover {
  color: #fff;
  background: #C8142D;
}

.M-box .next, .M-box .prev, .M-box1 .next, .M-box1 .prev {
  /* font-family: "Simsun";
    font-size: 16px;
    font-weight: bold; */
}

.now, .count {
  padding: 0 2px;
  color: #f00;
}

.eg img {
  max-width: 800px;
  min-height: 500px;
}

input {
  float: left;
  margin: 0 2px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  outline: none;
  color: #666;
  font-size: 14px;
  padding: 0;
}

.jump-ipt {
  font-size: 14px;
  padding: 0;
}

/* animate */
.he_border1 {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border1 .he_border1_img {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  opacity: 1;
  overflow: hidden;
}

.he_border1:hover .he_border1_img {
  position: absolute;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.he_border1 .he_border1_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border1 .he_border1_caption::before, .he_border1 .he_border1_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,transform .4s;
  transition: opacity 0.4s,transform .4s,-webkit-transform .4s;
}

.he_border1 .he_border1_caption::before {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.he_border1 .he_border1_caption::after {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.he_border1:hover .he_border1_caption::before, .he_border1:hover .he_border1_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_border1 .he_border1_caption, .he_border1 .he_border1_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000;
}

.he_border1 .he_border1_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1;
}

.he_border1 .he_border1_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 60%;
  left: 10%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_border1:hover .he_border1_caption_p {
  top: 45%;
  opacity: 1;
}

.he_border2 {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border2 .he_border2_img {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border2:hover .he_border2_img {
  position: absolute;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.he_border2 .he_border2_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border2 .he_border2_caption::before, .he_border2 .he_border2_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,transform .4s;
  transition: opacity 0.4s,transform .4s,-webkit-transform .4s;
}

.he_border2 .he_border2_caption::before {
  top: 14%;
  right: 5%;
  bottom: 14%;
  left: 5%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.he_border2 .he_border2_caption::after {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.he_border2:hover .he_border2_caption::before, .he_border2:hover .he_border2_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_border2 .he_border2_caption, .he_border2 .he_border2_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000;
}

.he_border2 .he_border2_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1;
}

.he_border2 .he_border2_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 60%;
  left: 10%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_border2:hover .he_border2_caption_p {
  top: 45%;
  opacity: 1;
}

.he_border3 {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border3 .he_border3_img {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border3:hover .he_border3_img {
  position: absolute;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.he_border3 .he_border3_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border3 .he_border3_caption::before, .he_border3 .he_border3_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,transform .4s;
  transition: opacity 0.4s,transform .4s,-webkit-transform .4s;
}

.he_border3 .he_border3_caption::before {
  top: 14%;
  right: 25%;
  bottom: 14%;
  left: 25%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.he_border3 .he_border3_caption::after {
  top: 25%;
  right: 10%;
  bottom: 25%;
  left: 10%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.he_border3:hover .he_border3_caption::before, .he_border3:hover .he_border3_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_border3 .he_border3_caption, .he_border3 .he_border3_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000;
}

.he_border3 .he_border3_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1;
}

.he_border3 .he_border3_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 60%;
  left: 10%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_border3:hover .he_border3_caption_p {
  top: 45%;
  opacity: 1;
}

.he_3DFlipX {
  display: block;
  width: 360px;
  height: 240px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-perspective: 1700px;
  perspective: 1700px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.he_3DFlipX_inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.he_3DFlipX_inner > div.he_3DFlipX_img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipX_inner:hover > div.he_3DFlipX_img {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.he_3DFlipX_inner > div img {
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}

.he_3DFlipX_caption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: #fe7253;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  background-color: #fe7253;
  text-align: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipX_inner:hover .he_3DFlipX_caption {
  opacity: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.he_3DFlipX_caption h3 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 25%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipX_caption p {
  font-size: 1em;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 45%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipX a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.he_3DFlipY {
  display: block;
  width: 360px;
  height: 240px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-perspective: 1700px;
  perspective: 1700px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.he_3DFlipY_inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.he_3DFlipY_inner > div.he_3DFlipY_img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipY_inner:hover > div.he_3DFlipY_img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.he_3DFlipY_inner > div img {
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}

.he_3DFlipY_caption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: #fe7253;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  background-color: #fe7253;
  text-align: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipY_inner:hover .he_3DFlipY_caption {
  opacity: 1;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.he_3DFlipY_caption h3 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 25%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipY_caption p {
  font-size: 1em;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 45%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipY a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.he_ZoomInImg {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg .he_ZoomInImg_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg:hover .he_ZoomInImg_img {
  opacity: .7;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.he_ZoomInImg .he_ZoomInImg_caption {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg .he_ZoomInImg_caption, .he_ZoomInImg .he_ZoomInImg_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg .he_ZoomInImg_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: .8;
}

.he_ZoomInImg:hover .he_ZoomInImg_caption_h {
  color: #fff;
  opacity: 1;
}

.he_ZoomInImg .he_ZoomInImg_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 45%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_ZoomInImg:hover .he_ZoomInImg_caption_p {
  color: #fff;
  opacity: 1;
}

.he_ZoomOutImg {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomOutImg .he_ZoomOutImg_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.he_ZoomOutImg:hover .he_ZoomOutImg_img {
  opacity: .7;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_ZoomOutImg .he_ZoomOutImg_caption {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomOutImg .he_ZoomOutImg_caption, .he_ZoomOutImg .he_ZoomOutImg_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomOutImg .he_ZoomOutImg_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: .8;
}

.he_ZoomOutImg:hover .he_ZoomOutImg_caption_h {
  color: #fff;
  opacity: 1;
}

.he_ZoomOutImg .he_ZoomOutImg_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 45%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_ZoomOutImg:hover .he_ZoomOutImg_caption_p {
  color: #fff;
  opacity: 1;
}

.he_slideCaptionDown {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideCaptionDown .he_slideCaptionDown_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 1;
  overflow: hidden;
}

.he_slideCaptionDown .he_slideCaptionDown_caption {
  color: #fff;
  background: rgba(254, 114, 83, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption {
  background: rgba(254, 114, 83, 0.8);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.he_slideCaptionDown .he_slideCaptionDown_caption, .he_slideCaptionDown .he_slideCaptionDown_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideCaptionDown .he_slideCaptionDown_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
  color: #fff;
  top: 25%;
  opacity: 1;
}

.he_slideCaptionDown .he_slideCaptionDown_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {
  color: #fff;
  top: 45%;
  opacity: 1;
}

.he_slideAllDown {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown .he_slideAllDown_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: .9;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown:hover .he_slideAllDown_img {
  opacity: 1;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.he_slideAllDown .he_slideAllDown_caption {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown .he_slideAllDown_caption, .he_slideAllDown .he_slideAllDown_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown .he_slideAllDown_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideAllDown:hover .he_slideAllDown_caption_h {
  color: #fff;
  top: 25%;
  opacity: 1;
}

.he_slideAllDown .he_slideAllDown_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideAllDown:hover .he_slideAllDown_caption_p {
  color: #fff;
  top: 45%;
  opacity: 1;
}

.he_border1 {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border1 .he_border1_img {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  opacity: 1;
  overflow: hidden;
}

.he_border1:hover .he_border1_img {
  position: absolute;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.he_border1 .he_border1_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border1 .he_border1_caption::before, .he_border1 .he_border1_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,transform .4s;
  transition: opacity 0.4s,transform .4s,-webkit-transform .4s;
}

.he_border1 .he_border1_caption::before {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.he_border1 .he_border1_caption::after {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.he_border1:hover .he_border1_caption::before, .he_border1:hover .he_border1_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_border1 .he_border1_caption, .he_border1 .he_border1_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000;
}

.he_border1 .he_border1_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1;
}

.he_border1 .he_border1_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 60%;
  left: 10%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_border1:hover .he_border1_caption_p {
  top: 45%;
  opacity: 1;
}

.he_border2 {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border2 .he_border2_img {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border2:hover .he_border2_img {
  position: absolute;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.he_border2 .he_border2_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border2 .he_border2_caption::before, .he_border2 .he_border2_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,transform .4s;
  transition: opacity 0.4s,transform .4s,-webkit-transform .4s;
}

.he_border2 .he_border2_caption::before {
  top: 14%;
  right: 5%;
  bottom: 14%;
  left: 5%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.he_border2 .he_border2_caption::after {
  top: 8%;
  right: 10%;
  bottom: 8%;
  left: 10%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.he_border2:hover .he_border2_caption::before, .he_border2:hover .he_border2_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_border2 .he_border2_caption, .he_border2 .he_border2_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000;
}

.he_border2 .he_border2_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1;
}

.he_border2 .he_border2_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 60%;
  left: 10%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_border2:hover .he_border2_caption_p {
  top: 45%;
  opacity: 1;
}

.he_border3 {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border3 .he_border3_img {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border3:hover .he_border3_img {
  position: absolute;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.he_border3 .he_border3_caption {
  color: #fff;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_border3 .he_border3_caption::before, .he_border3 .he_border3_caption::after {
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,-webkit-transform .4s;
  transition: opacity 0.4s,transform .4s;
  transition: opacity 0.4s,transform .4s,-webkit-transform .4s;
}

.he_border3 .he_border3_caption::before {
  top: 14%;
  right: 25%;
  bottom: 14%;
  left: 25%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.he_border3 .he_border3_caption::after {
  top: 25%;
  right: 10%;
  bottom: 25%;
  left: 10%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.he_border3:hover .he_border3_caption::before, .he_border3:hover .he_border3_caption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_border3 .he_border3_caption, .he_border3 .he_border3_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 1000;
}

.he_border3 .he_border3_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 1;
}

.he_border3 .he_border3_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 60%;
  left: 10%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_border3:hover .he_border3_caption_p {
  top: 45%;
  opacity: 1;
}

.he_3DFlipX {
  display: block;
  width: 360px;
  height: 240px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-perspective: 1700px;
  perspective: 1700px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.he_3DFlipX_inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.he_3DFlipX_inner > div.he_3DFlipX_img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipX_inner:hover > div.he_3DFlipX_img {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.he_3DFlipX_inner > div img {
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}

.he_3DFlipX_caption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: #fe7253;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  background-color: #fe7253;
  text-align: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipX_inner:hover .he_3DFlipX_caption {
  opacity: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.he_3DFlipX_caption h3 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 25%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipX_caption p {
  font-size: 1em;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 45%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipX a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.he_3DFlipY {
  display: block;
  width: 360px;
  height: 240px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-perspective: 1700px;
  perspective: 1700px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.he_3DFlipY_inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.he_3DFlipY_inner > div.he_3DFlipY_img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipY_inner:hover > div.he_3DFlipY_img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.he_3DFlipY_inner > div img {
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}

.he_3DFlipY_caption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: #fe7253;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  background-color: #fe7253;
  text-align: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.he_3DFlipY_inner:hover .he_3DFlipY_caption {
  opacity: 1;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.he_3DFlipY_caption h3 {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 25%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipY_caption p {
  font-size: 1em;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 45%;
  left: 5px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.he_3DFlipY a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.he_ZoomInImg {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg .he_ZoomInImg_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg:hover .he_ZoomInImg_img {
  opacity: .7;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.he_ZoomInImg .he_ZoomInImg_caption {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg .he_ZoomInImg_caption, .he_ZoomInImg .he_ZoomInImg_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomInImg .he_ZoomInImg_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: .8;
}

.he_ZoomInImg:hover .he_ZoomInImg_caption_h {
  color: #fff;
  opacity: 1;
}

.he_ZoomInImg .he_ZoomInImg_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 45%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_ZoomInImg:hover .he_ZoomInImg_caption_p {
  color: #fff;
  opacity: 1;
}

.he_ZoomOutImg {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomOutImg .he_ZoomOutImg_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.he_ZoomOutImg:hover .he_ZoomOutImg_img {
  opacity: .7;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.he_ZoomOutImg .he_ZoomOutImg_caption {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomOutImg .he_ZoomOutImg_caption, .he_ZoomOutImg .he_ZoomOutImg_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_ZoomOutImg .he_ZoomOutImg_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: .8;
}

.he_ZoomOutImg:hover .he_ZoomOutImg_caption_h {
  color: #fff;
  opacity: 1;
}

.he_ZoomOutImg .he_ZoomOutImg_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: 45%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_ZoomOutImg:hover .he_ZoomOutImg_caption_p {
  color: #fff;
  opacity: 1;
}

.he_slideCaptionDown {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideCaptionDown .he_slideCaptionDown_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 1;
  overflow: hidden;
}

.he_slideCaptionDown .he_slideCaptionDown_caption {
  color: #fff;
  background: rgba(254, 114, 83, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption {
  background: rgba(254, 114, 83, 0.8);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.he_slideCaptionDown .he_slideCaptionDown_caption, .he_slideCaptionDown .he_slideCaptionDown_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideCaptionDown .he_slideCaptionDown_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
  color: #fff;
  top: 25%;
  opacity: 1;
}

.he_slideCaptionDown .he_slideCaptionDown_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {
  color: #fff;
  top: 45%;
  opacity: 1;
}

.he_slideAllDown {
  background: #fe7253;
  width: 360px;
  height: 240px;
  padding: 0;
  margin: 0;
  border: 1px solid #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown .he_slideAllDown_img {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: .9;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown:hover .he_slideAllDown_img {
  opacity: 1;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.he_slideAllDown .he_slideAllDown_caption {
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown .he_slideAllDown_caption, .he_slideAllDown .he_slideAllDown_caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.he_slideAllDown .he_slideAllDown_caption_h {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideAllDown:hover .he_slideAllDown_caption_h {
  color: #fff;
  top: 25%;
  opacity: 1;
}

.he_slideAllDown .he_slideAllDown_caption_p {
  font-size: 1em;
  text-align: center;
  width: 80%;
  position: absolute;
  top: -50%;
  left: 10%;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  overflow: hidden;
  opacity: 0;
}

.he_slideAllDown:hover .he_slideAllDown_caption_p {
  color: #fff;
  top: 45%;
  opacity: 1;
}