.proPicBox .slider-content-inner span {
    background:#000;
    padding:10px 20px;
    color:#fff;
    line-height:40px;
}
.slider-item .slider-content{
  background:#cf0001;
}
 .proPicBox .slider-content-inner .sliderTitle a{
    font-size:70px;
    color:#fff;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
 .proPicBox .slider-content-inner .sliderTitle a:hover {
    color:#ffc2c7;
}
 .proPicBox .slider-content-inner .sliderTitle {
padding-bottom: 3rem;
}
 .proPicBox .slider-content-inner .sypro {
    
    font-size:18px;
    padding-bottom:10px;
    color:#fff;
    border-bottom: #fff 2px solid;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
 .proPicBox .slider-content-inner .sypro:hover {
    color:#000;
    border-bottom: #000 2px solid;
} 

 .p_Product{
  width:calc((100% - 0px)/9);
}
 .p_CommonSummaryBoxA{
  text-align:center;
}
 .p_MatteIcon .iconfont:before{
  content:'\e602';
}
 >div{
  animation-fill-mode:both;
  background:#cf0001;
}
 section.coidea-slider .slider-helpers{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
}
 section.coidea-slider .slider-helpers .arrea{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
  left:0px;
}
 section.coidea-slider .slider-helpers .arrea.black-arrea{
  background:none;
  width:0px;
  max-width:30%;
}
 section.coidea-slider .slider-helpers .arrea.white-arrea{
  background:none;
  width:0px;
  max-width:70%;
  left:30%;
}
 section.coidea-slider .slider-nav{
  display:inline-block;
  width:32px;
  height:auto;
  margin:0px;
  color:#FFF;
}
 section.coidea-slider .slider-nav span.slider-nav-btn{
  position:relative;
  display:inline-block;
  width:32px;
  height:auto;
  padding-bottom:16px;
  cursor:pointer;
  overflow:hidden;
}

 section.coidea-slider .slider-nav span.slider-nav-btn.go-next{
display:none;
}

 section.coidea-slider .slider-nav span.slider-nav-btn img{
  position:relative;
  display:block;
  width:100%;
  height:100%;
}
 section.coidea-slider .slider-nav span.slider-nav-length{
  width:32px;
  height:32px;
  line-height:32px;
  transform-origin:center center;
  transform:rotate(-90deg);
  display:inline-block;
  text-align:center;
  padding:0 5px;
}
 section.coidea-slider .slider-nav span.slider-nav-progress{
  background-color:#4A525A;
  position:relative;
  display:inline-block;
  width:2px;
  height:120px;
  margin:6px 14px;
}
 section.coidea-slider .slider-nav span.slider-nav-progress span.progress{
  background-color:#FDFFFC;
  position:absolute;
  display:block;
  width:100%;
  height:0%;
  right:0px;
  bottom:0px;
  left:0px;
  margin:0px;
}
 section.coidea-slider .slider-nav span.slider-nav-index{
  width:32px;
  height:32px;
  line-height:32px;
  transform-origin:center center;
  transform:rotate(-90deg);
  display:inline-block;
  text-align:center;
  padding:0 5px;
}
 section.coidea-slider .slider-holder .slider .slider-item{
  position:absolute;
  top:0px;
  left:100%;
  width:100%;
  height:100%;
  transition:filter 0.35s ease;
}

section.coidea-slider .slider-holder{
    background: #cf0001;
}

@media only screen and (min-width: 769px){
  
 section.coidea-slider{
  position:relative;
  display:block;
  width:100%;
  min-width:100vw;
  height:100%;

  height:900px;
}
 section.coidea-slider .slider-holder{
  position:relative;
  width:100%;
  height:100%;
  height:900px;
  overflow:hidden;
  float:left;
}
 section.coidea-slider .slider-nav{
  position:relative;
  margin-top:50vh;
  margin-left:5%;
  transform:translateY(-50%);
}
 section.coidea-slider .slider-holder .slider{
  background-color:transparent;
  position:absolute;
  display:block;
  width:100%;
  max-width:90%;
  height:100%;
  overflow:hidden;
  right:0px;
  top:50%;
  transform:translateY(-50%);
  z-index:9;
}
 section.coidea-slider .slider-holder .slider .slider-item{
  position:absolute;
  top:0px;
  left:100%;
  padding-right:0px;
  display:flex;
  justify-content:space-between;
  /*cursor:pointer;*/
  cursor:default;
}
 .proPicBox{
  position:relative;
  width:46%;
  margin-left:0px;
  padding-top:6%;
  height:100%;
  overflow:hidden;
  transition:all .5s ease;
  z-index:1;
}
 .proPic{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:70%;
  height:auto;
}
 .slider-content{
  width:60%;
  height:100%;
}
 section.coidea-slider .slider-content .slider-content-inner{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  overflow:hidden;
}
 section.coidea-slider .slider-content .slider-content-inner span.subheadline{
  background-color:#4A525A;
  position:relative;
  display:inline-block;
  padding:8px 16px;
  color:#FDFFFC;
  text-transform:uppercase;
  font-size:13px;
  margin-bottom:16px;
}
 .sliderSummary{
  margin:1rem 0;
  line-height:2rem;
  padding-top:3rem;
  height:auto;
  overflow:hidden;
  font-size:14px;
  font-weight:bold;
  font-family:zt !important;
  text-transform:uppercase;
  COLOR:#fff;
}
}
@media screen and (max-width: 768px){
  
 section.coidea-slider {
   	height:auto;
   overflow:hidden;
   }
 section.coidea-slider .slider-holder {
   	 position: relative;
    width: 100%;
    height: auto;
    min-height: auto;
    overflow: hidden;
    display:flex;
     flex-direction: column-reverse;
   }
 section.coidea-slider .slider-nav {
     position:absolute;
     top:20vh;
     left:2%;
    z-index:999;  
   }
 section.coidea-slider .slider-holder .slider {
    position: relative;
    top: 10vh;
    left: 10%;
    right: 10%;
    max-width: 80%;
    overflow: hidden;

     min-height:86vh;
}
 .proPicBox {
     position:relative;
   	width:100%;
     height:0;
     padding-bottom:80%;
      overflow: hidden;
   }
 .proPic {
	position:absolute;
  left:50%;
   transform:translateX(-50%);
    width:50% !important;
   height:auto;
}
 .slider-content {
  	width:100%;
    height:auto;
    overflow:hidden;
    padding:5px;
  }
 .slider-content-inner {
  	padding:5px;
    width:100%;
    height:auto;
  }
 .subheadline {
  	display:none;
  }
 .sliderTitle {
  	font-size:1.5rem;
  }
 .sliderSummary {
	margin:1rem 0;
	padding: 0 1rem;
	overflow:hidden;
	font-size: 14px;
	font-family: zt!important;
	color: #fff;
   overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
 section.coidea-slider .slider-helpers .arrea.black-arrea {
  	    max-width: 15%;
  }
}
 .p_page .pre .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
 .p_page .next .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
 .p_more .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
 .p_loading .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
 .zstp{
  margin-top:20%;
  margin-left:30%;
}
 div#slider-item-2{
  z-index:-2!important;
}




@media screen and (max-width: 768px)and (min-width: 426px){
  
 .proPicBox {
     position:relative;
   	width:100%;
     height:0;
     padding-bottom:40%;
      overflow: hidden;
   }
}
@media screen and (max-width: 425px){
  
 .proPic {
	position:absolute;
  left:50%;
   transform:translateX(-100%);
    width:50% !important;
   height:auto;
}
 section.coidea-slider .slider-holder .slider {
    position: relative;
    top: 10vh;
    left: 10%;
    right: 10%;
    max-width: 100%;
    overflow: hidden;
}
}
@media screen and (max-width: 425px){
  
 section.coidea-slider .slider-holder .slider {
   left: 4%;}
}

@media only screen and (max-width: 768px){

     .slider-content {
        height: 310px!important;
    }

     .proPic {
        width: 50%!important;
    }

     .proPicBox .slider-content-inner .sliderTitle a {
        font-size: 45px!important;
    }

     .proPicBox .slider-content-inner .sliderTitle {
        padding: 0px 1rem;
    }

     .proPicBox .slider-content-inner .sypro {
        margin: 0px 1rem;
    }
	
	 .zstp{
	display:none;
	}
}