@font-face {
  font-family: "Mazda_Type_Regular";
  font-weight: normal;
  src: url("../font/mazda/Mazda_Type_Regular.otf");
  font-style: normal;
  src: url("../font/mazda/Mazda_Type_Regular.eot");
  src: url("../font/mazda/Mazda_Type_Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../font/mazda/Mazda_Type_Regular.ttf") format("truetype"),
    url("../font/mazda/Mazda_Type_Regular.woff2") format("woff");
}
.video-wrapper {
  font-size: 0;
}
.hei {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 100;
}
body {
  font-family: "Mazda_Type_Regular";
  background: #111111;
}
.colorBe202b {
  color: #be202b;
}
.textCenter {
  text-align: center;
}
.font150 {
  font-size: 150%;
  line-height: 1em;
}
.font200 {
  font-size: 260%;
  line-height: 1em;
}
.font140 {
  font-size: 140%;
  line-height: 1em;
}
.font165 {
  font-size: 165%;
  line-height: 1em;
}
.font335 {
  font-size: 335%;
  line-height: 1em;
}
.w91 {
  width: 91%;
}
.w87 {
  width: 87%;
}
.w83 {
  width: 83%;
}
.w78 {
  width: 78%;
}
.w75 {
  width: 75%;
}
.w70 {
  width: 70%;
}
.w49-5 {
  width: 49.5%;
}
.w57 {
  width: 57%;
}
.w67 {
  width: 67%;
}
.w60 {
  width: 60%;
}
.w24-5 {
  width: 24.5%;
}
.w50 {
  width: 50%;
}
.top0 {
  top: 0;
}
.left0 {
  left: 0;
}
.right0 {
  right: 0;
}
.bottom0 {
  bottom: 0;
}
.marginLeft21-5 {
  margin-left: 21.5%;
}
.clearB {
  clear: both;
}
.marginR-75 {
  margin-right: 0.75%;
}
.marginTop7 {
  margin-top: 7%;
}
.marginBottom7 {
  margin-bottom: 7%;
}
.marginBottom6 {
  margin-bottom: 6%;
}
.paddingT37-5 {
  padding-top: 37.5%;
}
.cursorP {
  cursor: pointer;
}
.kv-logo {
  width: 95.57%;
  margin-top: 1.9%;
  margin-left: 1.9%;
}
.kv-tit {
  width: 50.36%;
  margin-top: 9%;
  margin-left: 24.89%;
}
.we-tit,
.time-tit {
  width: 24%;
}
.we .logo1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.68%;
  margin-top: 13.8%;
  margin-left: 0.83%;
}
.we .logo2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4.68%;
  margin-bottom: 19.89%;
  margin-right: 10%;
}
.we-tit .csd {
  width: 72%;
  vertical-align: top;
}
.inlineBlock {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.video-tit::before,
.time-story-tit::before,
.nature-story-tit::before {
  content: "";
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 0.62%;
  padding-top: 2.39%;
  background: #f30038;
  vertical-align: middle;
  margin-right: 0.5%;
}
.time-story-tit::before,
.nature-story-tit::before {
  padding-top: 3.7%;
}
.video-list img {
  transition: all 1s;
}
.video-list img:hover {
  transform: scale(1.05);
}
.play {
  width: 100%;
  height: 100%;
  background: url(../images/play.png) center center no-repeat;
  background-size: 8%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.kv .play {
  background: url(../images/play2.png) center center no-repeat;
  background-size: 4%;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  /* opacity: 0.5; */
}
.h33 {
  height: 33.33%;
}
.h100 {
  height: 100%;
}
.h99-96 {
  height: 99.96%;
}
.h99-6 {
  height: 99.6%;
}
.h66 {
  height: 66.68%;
}
.we-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.we-list img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.we-list .overHidden {
  cursor: pointer;
}
.we-list .overHidden .text {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 50%;
}
.we-list .overHidden .we-rq2-text {
  left: 66%;
  width: 34%;
}
.we-list .overHidden .we-tp4-text {
  width: 34%;
}
.we-list .overHidden .we-tp2-text {
  width: 100%;
  top: 73%;
}
.we-list .overHidden .img {
  transition: all 1s;
  filter: grayscale(100%);
}
.we-list .overHidden .text1 {
  opacity: 1;
}
.we-list .overHidden .text2 {
  opacity: 0;
}
.we-list .overHidden .text1,
.we-list .overHidden .text2 {
  transition: all 1s;
}
.we-list .overHidden:hover .img {
  filter: grayscale(0%);
}
.we-list .overHidden:hover .text1 {
  opacity: 0;
}
.we-list .overHidden:hover .text2 {
  opacity: 1;
}
.we-list .overHidden .left50 {
  left: 50%;
}
.time-scroll {
  width: 100%;
}
/* 滚动条修改开始 */
.time-scroll #mCSB_1_container,
.nature-scroll #mCSB_1_container {
  padding-bottom: 9px;
  margin-bottom: 0;
}
.time-scroll #mCSB_1_scrollbar_horizontal,
.nature-scroll #mCSB_1_scrollbar_horizontal {
  z-index: 10;
  bottom: 6px;
}
.time-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.nature-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 182px;
  height: 59px;
  background: url(../images/time-scrollbar.png) no-repeat;
  background-size: auto 100%;
}
.time-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.nature-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  /* width: 182px; */
  height: 66px;
}
.nature-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
}
.time-scroll .mCSB_scrollTools .mCSB_draggerRail,
.nature-scroll .mCSB_scrollTools .mCSB_draggerRail {
  background: none;
}
.nature-scroll .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}
/* 滚动条修改结束 */
.time-scroll .swiper-slide {
  width: auto;
}
.time-scroll .swiper-slide {
  padding-bottom: 9px;
}
.time-scroll-slide,
.nature-scroll-slide {
  /* vertical-align: bottom; */
  white-space: nowrap;
  /* margin-top: 46px; */
  margin-top: 10px;
  border-bottom: 1px solid #707070;
  width: auto;
  margin-right: 61px;
  font-size: 0;
}
.nature-scroll {
  border-bottom: 1px solid #707070;
  margin-top: -1px;
}
.nature-scroll-slide {
  margin-top: -40px;
  border-bottom: none;
}
.time-scroll-slide .inlineBlock1 .hr {
  margin: 20px auto;
}
.time-scroll-slide .inlineBlock1 {
  text-align: center;
}
.time-scroll-slide .inlineBlock1 {
  padding-left: 41px;
}
.time-scroll-slide .inlineBlock {
  vertical-align: top;
  /* height: 500px; */
  /* height: 480px; */
  height: 528px;
  border-right: 1px dashed rgba(163, 160, 160, 0.6);
}
.nature-scroll-slide .inlineBlock {
  vertical-align: top;
}
.time-scroll-slide .inlineBlock::after {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #707070;
  background: none;
  border-radius: 50%;
  position: absolute;
  right: -9px;
  bottom: -9px;
  z-index: 10;
  background: #414141;
}
.time-scroll-slide .inlineBlock1,
.time-scroll-slide .inlineBlock15 {
  border-right: none;
}
.time-scroll-slide .inlineBlock15::after {
  display: none;
}
.time-scroll-slide .inlineBlock .car-name {
  font-size: 40px;
  line-height: 40px;
}
.time-scroll-slide .inlineBlock .describe,
.nature-scroll-slide .inlineBlock .describe {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 6px;
}
.nature-scroll-slide .inlineBlock .describe {
  font-weight: bold;
  letter-spacing: 0;
}
.time-scroll-slide .inlineBlock .letter0 {
  letter-spacing: 0;
}
.time-scroll-slide .inlineBlock .nian,
.nature-scroll-slide .inlineBlock .nian {
  font-size: 44px;
  line-height: 0.8em;
  font-weight: bold;
}
.time-scroll-slide .inlineBlock .nian {
  margin-bottom: 25px;
}
.time-scroll-slide .inlineBlock .nian span,
.nature-scroll-slide .inlineBlock .nian span {
  font-size: 23px;
}
.time-scroll-slide .inlineBlock .text,
.nature-scroll-slide .inlineBlock .text {
  font-size: 14px;
  line-height: 30px;
}

.time-scroll-slide .inlineBlock1 .text {
  font-size: 15px;
}
.time-scroll-slide .inlineBlock2 .car-name {
  margin-left: 143px;
  margin-bottom: 25px;
  margin-top: 40px;
}
.time-scroll-slide .inlineBlock2 .describe {
  margin-left: 231px;
  margin-bottom: 59px;
}
.time-scroll-slide .inlineBlock2 .img {
  margin-left: 64px;
}
.time-scroll-slide .inlineBlock2 .floatRight {
  margin-left: 41px;
  margin-right: 53px;
}
.time-scroll-slide .inlineBlock3 > .overHidden {
  padding: 82px 40px 0;
}
.time-scroll-slide .inlineBlock3 .img {
  margin-top: 34px;
}
.time-scroll-slide .inlineBlock3 .floatRight {
  margin-left: 18px;
}
.time-scroll-slide .inlineBlock3 .car-name {
  margin-left: 42px;
  margin-bottom: 22px;
  margin-top: 10px;
}
.time-scroll-slide .inlineBlock3 .describe {
  margin-left: 93px;
}
.time-scroll-slide .inlineBlock4 > .overHidden {
  padding: 37px 43px 0 59px;
}
.time-scroll-slide .inlineBlock4 .car-name {
  margin-left: 61px;
  margin-bottom: 22px;
}
.time-scroll-slide .inlineBlock4 .describe {
  margin-left: 61px;
  margin-bottom: 29px;
}
.time-scroll-slide .inlineBlock4 .floatRight {
  margin-top: 161px;
  margin-left: 29px;
}
.time-scroll-slide .inlineBlock5 .overHidden {
  padding: 0 82px 0 90px;
}
.time-scroll-slide .inlineBlock5 .describe {
  margin-bottom: 31px;
  margin-top: 14px;
  margin-left: 68px;
}
.time-scroll-slide .inlineBlock5 .img {
  /* margin-left: -60px; */
  margin-top: 43px;
}
.time-scroll-slide .inlineBlock6 .overHidden {
  padding: 117px 19px 0 28px;
}
.time-scroll-slide .inlineBlock6 .img {
  margin-top: 11px;
  margin-bottom: 41px;
}
.time-scroll-slide .inlineBlock6 .describe {
  margin-top: 22px;
}
.time-scroll-slide .inlineBlock7 .overHidden {
  padding: 14px 42px 0 55px;
}
.time-scroll-slide .inlineBlock7 .car-name {
  margin-left: 22px;
}
.time-scroll-slide .inlineBlock7 .describe {
  margin-left: 45px;
  margin-top: 22px;
  margin-bottom: 41px;
}
.time-scroll-slide .inlineBlock7 .img {
  margin-bottom: 26px;
}
.time-scroll-slide .inlineBlock8 .overHidden {
  padding: 103px 39px 0 60px;
}
.time-scroll-slide .inlineBlock8 .img {
  margin-top: 10px;
}
.time-scroll-slide .inlineBlock8 .car-name {
  margin-top: 43px;
  margin-bottom: 16px;
}
.time-scroll-slide .inlineBlock8 .floatRight {
  margin-left: 63px;
}
.time-scroll-slide .inlineBlock9 .overHidden {
  padding: 85px 27px 0 35px;
}
.time-scroll-slide .inlineBlock9 .describe {
  margin-top: 22px;
  margin-bottom: 53px;
}
.time-scroll-slide .inlineBlock9 .img {
  margin-left: -95px;
}
.time-scroll-slide .inlineBlock9 .floatRight {
  margin-top: 60px;
  margin-left: 39px;
}
.time-scroll-slide .inlineBlock10 .overHidden {
  padding: 77px 18px 0 31px;
}
.time-scroll-slide .inlineBlock10 .img {
  margin-top: 39px;
}
.time-scroll-slide .inlineBlock10 .car-name {
  margin-top: 43px;
  margin-bottom: 22px;
}
.time-scroll-slide .inlineBlock10 .floatRight {
  margin-left: 45px;
}
.time-scroll-slide .inlineBlock11 .overHidden {
  padding: 76px 26px 0 16px;
}
.time-scroll-slide .inlineBlock11 .describe {
  margin-top: 25px;
  margin-left: 114px;
  margin-bottom: 47px;
}
.time-scroll-slide .inlineBlock11 .floatRight {
  margin-left: 23px;
  margin-top: 54px;
}
.time-scroll-slide .inlineBlock12 .overHidden {
  padding: 59px 34px 0 0;
}
.time-scroll-slide .inlineBlock12 .car-name {
  margin-bottom: 27px;
  margin-top: 50px;
}
.time-scroll-slide .inlineBlock12 .floatRight {
  margin-top: 164px;
  margin-left: -30px;
}
.time-scroll-slide .inlineBlock13 .overHidden {
  padding: 81px 24px 0 31px;
}
.time-scroll-slide .inlineBlock13 .describe {
  margin-top: 24px;
  margin-left: 78px;
  margin-bottom: 54px;
}
.time-scroll-slide .inlineBlock13 .img {
  margin-left: 15px;
}
.time-scroll-slide .inlineBlock13 .floatRight {
  margin-left: 79px;
  margin-top: 49px;
}
.time-scroll-slide .inlineBlock14 .overHidden {
  padding: 130px 34px 0 42px;
}
.time-scroll-slide .inlineBlock14 .img {
  margin-top: 29px;
}
.time-scroll-slide .inlineBlock14 .car-name {
  margin-top: 41px;
  margin-bottom: 27px;
}
.time-scroll-slide .inlineBlock14 .floatRight {
  margin-left: 61px;
}
.time-scroll-slide .inlineBlock15 .text {
  margin-top: 198px;
  margin-left: 92px;
  margin-right: 92px;
}
.time-img-swiper {
  border: 1px solid #1b1b1b;
}
.time-text-swiper {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 27%;
  width: 34%;
  /* background: rgba(255, 255, 255, 0.85); */
  background-color: #fff;
  height: 30%;
}
.time-text-swiper .text {
  margin-left: 14%;
  margin-top: 8.86%;
}
.time-story .bnt {
  position: absolute;
  right: 0;
  bottom: 0%;
  margin-bottom: 10%;
  font-size: 0;
  width: 100%;
}
.time-story .bnt .inlineBlock {
  vertical-align: bottom;
}
.time-story .bnt .time-prev {
  width: 6%;
}
.time-story .bnt .time-next {
  margin-right: 5px;
  width: 6%;
}
.time-story .bnt .time-bnt {
  width: 9.5%;
}
.nature-scroll-slide .inlineBlock .nian {
  margin-top: 25px;
  margin-bottom: 30px;
}
.nature-scroll-slide .inlineBlock .kuang {
  width: 355px;
  height: 275px;
  border: solid 1px #a40000;
  opacity: 0.7;
  margin-top: -196px;
}
.nature-scroll-slide .inlineBlock1 {
  padding: 123px 69px 120px 67px;
}
.nature-scroll-slide .inlineBlock1 .tit {
  font-size: 32px;
}
.nature-scroll-slide .inlineBlock1 .tit::before {
  content: "";
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 12px;
  height: 46px;
  background: #f30038;
  vertical-align: middle;
  margin-right: 11px;
}
.nature-scroll-slide .inlineBlock1 .tit2 {
  font-size: 40px;
  margin-top: 94px;
  margin-bottom: 66px;
}
.nature-scroll-slide .inlineBlock1 .img {
  margin-top: -182px;
}
.nature-scroll-slide .inlineBlock2 .overHidden {
  padding-top: 182px;
  padding-right: 96px;
}
.nature-scroll-slide .inlineBlock2 .floatRight {
  margin-left: 49px;
  margin-top: 54px;
}
.nature-scroll-slide .inlineBlock3 {
  padding-top: 62px;
  padding-right: 143px;
}
.nature-scroll-slide .inlineBlock3 .img {
  margin-left: -28px;
  margin-top: 43px;
}
.nature-scroll-slide .inlineBlock4 {
  padding-top: 96px;
  padding-right: 89px;
}
.nature-scroll-slide .inlineBlock4 .describe {
  margin-top: 63px;
}
.nature-scroll-slide .inlineBlock4 .text {
  margin-top: 30px;
}
.nature-scroll-slide .inlineBlock5 .text {
  margin-top: 243px;
  margin-right: 84px;
}
.nature-scroll-slide .inlineBlock6 {
  padding-right: 66px;
}
.nature-scroll-slide .inlineBlock6 .tit2,
.nature-scroll-slide .inlineBlock13 .tit2 {
  margin-top: 168px;
  margin-bottom: 59px;
  font-size: 40px;
  line-height: 40px;
  z-index: 1;
}
.nature-scroll-slide .inlineBlock7 {
  padding-top: 75px;
  padding-right: 88px;
}
.nature-scroll-slide .inlineBlock7 .overHidden {
  margin-top: 54px;
  margin-left: 181px;
}
.nature-scroll-slide .inlineBlock8 {
  padding-top: 77px;
  padding-right: 91px;
}
.nature-scroll-slide .inlineBlock8 .overHidden {
  margin-left: 39px;
  margin-bottom: 32px;
}
.nature-scroll-slide .inlineBlock9 .overHidden {
  padding-right: 79px;
  padding-top: 93px;
}
.nature-scroll-slide .inlineBlock9 .floatLeft {
  margin-top: 112px;
  margin-right: 47px;
}
.nature-scroll-slide .inlineBlock9 .img {
  margin-bottom: 21px;
}
.nature-scroll-slide .inlineBlock10 {
  padding-top: 87px;
  padding-right: 72px;
}
.nature-scroll-slide .inlineBlock10 .img {
  margin-top: 27px;
}
.nature-scroll-slide .inlineBlock11 {
  padding-top: 95px;
  padding-right: 80px;
}
.nature-scroll-slide .inlineBlock11 .img {
  margin-bottom: 47px;
}
.nature-scroll-slide .inlineBlock12 {
  padding-top: 282px;
  padding-right: 66px;
}
.nature-scroll-slide .inlineBlock13 {
  padding-right: 93px;
}
.nature-scroll-slide .inlineBlock13 .tit2 {
  margin-top: 209px;
}
.nature-scroll-slide .inlineBlock13 .kuang {
  margin-top: -166px;
}
.nature-scroll-slide .inlineBlock14 {
  padding-top: 131px;
  padding-right: 109px;
}
.nature-scroll-slide .inlineBlock14 .floatLeft {
  margin-top: 90px;
  margin-right: 25px;
}
.nature-scroll-slide .inlineBlock15 {
  padding-top: 88px;
  padding-right: 26px;
}
.nature-scroll-slide .inlineBlock15 .img {
  margin-top: 59px;
}
.nature-scroll-slide .inlineBlock16 {
  padding-top: 64px;
  padding-right: 80px;
}
.nature-scroll-slide .inlineBlock16 .overHidden {
  margin-left: 124px;
}
.nature-scroll-slide .inlineBlock16 .img {
  margin-bottom: 32px;
}
.nature-scroll-slide .inlineBlock17 {
  padding-top: 87px;
  padding-right: 20px;
}
.nature-scroll-slide .inlineBlock17 .img {
  margin-top: 22px;
}
.nature-scroll-slide .inlineBlock18 {
  padding-top: 66px;
  padding-right: 105px;
}
.nature-scroll-slide .inlineBlock18 .overHidden {
  margin-top: 42px;
  margin-left: 89px;
}
.nature-scroll-slide .inlineBlock19 {
  padding-top: 153px;
  padding-right: 88px;
}
.nature-scroll-slide .inlineBlock19 .floatLeft {
  margin-top: 30px;
  margin-right: 51px;
}
.nature-scroll-slide .inlineBlock20 {
  padding-top: 264px;
  padding-right: 66px;
}
.nature-story .pagination {
  bottom: 0;
  margin-bottom: 8%;
}
.nature-story .pagination .swiper-pagination-switch {
  width: 1.2%;
  padding-top: 1.2%;
}
.nature-story-tit {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 10%;
  z-index: 10;
  width: 100%;
}
.nature-story-tit::before {
  width: 1%;
}
.nature-text-swiper {
  /* width: 65.72%; */
  width: 78%;
  height: 69.9%;
  background: url(../images/nature-story-tit.png) no-repeat;
  background-size: 100% auto;
  /* padding: 10% 12% 3% 8%; */
  padding: 13% 30% 3% 8%;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 10%;
}
.nature-text-swiper .swiper-container {
  overflow: hidden;
  height: 78%;
}
.nature-text-swiper .text .font100 {
  font-weight: bold;
  padding-bottom: 5%;
  border-bottom: 1px dotted #626262;
  margin-bottom: 5%;
}
.nature-img-swiper {
  position: absolute;
  top: 0;
  right: 0%;
  width: 50%;
  margin-top: 19%;
  /* margin-right: -9%; */
}
.nature-next {
  position: absolute;
  bottom: 6%;
  right: 20%;
  z-index: 10;
  width: 9%;
}
.img-show li {
  width: 25%;
  float: left;
  cursor: pointer;
  overflow: hidden;
}
.img-show li img {
  transition: all 1s;
}
.img-show li:hover img {
  transform: scale(1.05);
}

.videoCon1 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);
  overflow: hidden;
  z-index: 999;
}
.videoCon1 .vvc {
  background: #000;
  width: 1000px;
  /* padding-bottom: 40px; */
  /* height: 500px; */
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -250px;
}

video:focus {
  outline: none;
}
.videoCon1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.close {
  width: 50px;
  height: 0;
  position: absolute;
  background: url(../images/close_w.png) center center no-repeat;
  right: 0;
  top: -50px;
  cursor: pointer;
  padding-top: 50px;
  background-size: 80%;
}
.time-wrapper .scroll-tips,
.nature-wrapper .scroll-tips {
  position: absolute;
  bottom: 38px;
  bottom: 50px;
}
.time-wrapper .scroll-tips img,
.nature-wrapper .scroll-tips img {
  vertical-align: middle;
  margin-left: 3px;
  width: 25px;
}
.nature-wrapper .scroll-tips {
  bottom: 15px;
}
.page-right {
  animation: page-right 0.8s infinite ease-in-out;
  -webkit-animation: page-right 0.8s infinite ease-in-out;
}
@keyframes page-right {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-webkit-keyframes page-right {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 1050px) {
  .time-text-swiper .text {
    margin-left: 9%;
  }
}
.nature,
.img-show {
  display: none;
}


.videoList{width: 80%;margin: 2% auto 0;}
.videoListMain{clear: both;overflow: hidden;zoom: 1;}
.videoMainItem{width: 24%;margin: 0 0.5% 2%;float: left;}
.videoMainItem a{ }
.videoMainItem p.videoImg{width: 100%;position: relative;}
.videoMainItem p.videoImg img{width: 100%;position: relative;}
.videoMainItem p.videoImg span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/video/vv.png) center center no-repeat rgba(0,0,0,0.5); background-size:10% auto; }
.videoMainItem p.videoText{text-align: center;color: #fff;padding: 0.5em;}

.moreV{ margin:0 auto 2%; width: 6em; text-align: center; border:1px solid #eee; color: #eee; padding:0.5em; cursor: pointer; }
.moreV:hover{ background: #fff; color: #000;}