.yjp-slick-box {
 		position:relative;  
    }
    
    .custom-showBox{
    	position:relative;
        }
    
     .custom-size-tip{
        display:none;
    	position:absolute;
        top:58%;
        left:50%;
        transform: translate(-50%,-50%);
 		height:30px;
        width:100%;
        line-height:30px;
        z-index:3;
        color:#666;
        text-align:center;
     }
      
   .custom-showBox:hover .custom-size-tip{
        display:block;
    }

    .yjp-slick-container{
	position:relative;
	width:100%;
    height:auto;
    padding-bottom:0;
    margin:0 auto;
}
    
 .custom-prevBtn,.custom-nextBtn{
    	width:18.5px;
        height:42px;
        outline:none;
        position:absolute;
        top:50%;
        margin-top:-21px;
        cursor:pointer;
        background:transparent;
        font-size:40px;
        color:#fff;
        border:none;
        text-shadow:2px 2px 2px rgba(0,0,0,.6);
     }
    
      .custom-prevBtn{
            left:30px;
        }
        
        .custom-nextBtn{
            right:30px;
      }
    
.yjp-slick-container .yjp-custom-slick::after{
    display:block;
    content:'';
    position:absolute;
    bottom:0;
    left:0;
   	 width:100%;
     height:30%;
     background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2));
     background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2));
	 background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);; /*FireFox*/
	 background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);  /* Opear */
	 background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)); /*IE10及IE10+*/
     z-index:2;
  }
    .yjp-slick-container.slick-initialized .slick-slide{
            font-size: 0;
    }
.yjp-slick-container .yjp-custom-slick{
   	position:relative;
	width:100%;
	height:100%;
    min-width:450px;
}
    
.yjp-slick-container .yjp-custom-slick .banner-description{
    position:absolute;
    bottom:68px;
    right:0;
    width:100%;
    height:auto;
    z-index:3;
}
    
.yjp-slick-container .yjp-custom-slick .banner-description  .container{
    width:80%;
    height:auto;
}
    
    .yjp-slick-container .yjp-custom-slick .banner-description  .container .moreBtn{
            visibility:hidden;
 }
                        
.yjp-slick-container .yjp-custom-slick .banner-description  .container>div{
    height:auto;
    width:100%;
    text-align:center;
    line-height:36px;
    color:#fff;
     word-wrap: break-word;
     word-break: normal;
     max-height:108px;
     overflow:hidden;
}
    
.yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-name{
	font-size:28px;    
    font-weight:bold;
}

.yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-docs{ font-size:20px;}
    

.yjp-slick-container .yjp-custom-slick picture img{
	width:100%;
    display:block;
}
 
    
.yjp-slick-container.slick-dotted.slick-slider
{
    margin-bottom: 0;
    padding-bottom:0;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
    
 .yjp-slick-dots .slick-dots{
   	bottom:30px;
    z-index:3;
}
    
    .yjp-slick-dots .slick-dots .slick-active button::before{
  	background:#fff;
  }
    
 .yjp-slick-dots .slick-dots li button::before{
	width:12px;
   	height:12px;
    content:'';
    background:transparent;
    border:1px solid #fff;
    border-radius:50%;
 }

/*宽度1024以下*/
@media (max-width:1024px){
    .yjp-slick-container{
        height:auto;
        padding-bottom:0;
    }
        
   	 .custom-prevBtn,.custom-nextBtn{
        font-size:28px;
     }
        
    .yjp-slick-dots .slick-dots li button::before{
	width:12px;
   	height:12px;
	 }
        
    .yjp-slick-dots .slick-dots{
   	bottom:18px;
	}
    
    .yjp-slick-container .yjp-custom-slick .banner-description{
    bottom:48px;
	}
    
    .yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-docs{
     line-height:22px;
     max-height:66px;
    }
    
    .yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-name{
	font-size:24px;    
    font-weight:bold;
	}

	.yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-docs{ font-size:16px;}
    
	}
 
/*宽度768以下*/
@media (max-width:768px){
   .yjp-slick-container{
        height:auto;
        padding-bottom:0;
    }        
     .custom-size-tip{
                display:none;
        }
}

/*宽度680以下*/
 @media (max-width:680px){
   .yjp-slick-container{
        height:auto;
        padding-bottom:0;
    }
        
    .yjp-slick-container .yjp-custom-slick .banner-description{
    bottom:46px;
	}
                    
    .yjp-slick-container .yjp-custom-slick .banner-description  .container>div{
    line-height:32px;
    max-height:96px;
	}
}
 
/*宽度414以下*/
 @media (max-width:414px){
   .yjp-slick-container{
        height:auto;
        padding-bottom:0;
    }
        
       .yjp-slick-container .yjp-custom-slick{
    min-width:200px;
     }
        
    .yjp-slick-dots .slick-dots li button::before{
	width:10px;
   	height:10px;
	 }
    
     .yjp-slick-dots .slick-dots{
   	bottom:15px;
	}
    
    .yjp-slick-container .yjp-custom-slick .banner-description{
    bottom:46px;
	}
    
    .yjp-slick-container .yjp-custom-slick .banner-description  .container>div{
    line-height:24px;
    max-height:72px;
	}
    
    .yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-docs{
     line-height:18px;
     max-height:54px;
    }
    
    .yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-name{
	font-size:14px;    
    font-weight:bold;
	}

	.yjp-slick-container .yjp-custom-slick .banner-description  .container .banner-docs{ font-size:12px;}
    
       .custom-prevBtn{
            left:14px;
        }
        
        .custom-nextBtn{
            right:14px;
      }
}