@import url("jumbotron.css");
video{width: 80%;background-color:#000;margin-left:10%;}
/*.pic-center img{width:70%;margin-left:15%;margin-top:5%;}*/
.product-center{margin:5% auto;text-align: center}
.product-center .caption h1{font-size:1.8rem;color:#141416;}
.product-center .caption small{font-size:1rem;color:#444;text-indent:2em;text-align: left;padding:0 5%;}
.product-center .caption h4{font-size:1.4rem;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.product-center .thumbnail h4+p{font-size:1.4rem;color:#8c8c8c;text-align: justify;cursor:pointer;}
.product-center .thumbnail{border:none;margin-bottom:0;}
.product-center .thumbnail h4{height:2rem;cursor:pointer;}
.product-center small{margin:2% auto;display: block}
/*响应式*/
@media only screen and (max-width: 449px) {
    .product-center .caption h1{font-size:1.4rem;
        -webkit-transition: font-size 0.5s;
        -moz-transition: font-size 0.5s;
        -ms-transition: font-size 0.5s;
        -o-transition: font-size 0.5s;
        transition: font-size 0.5s;}
    .product-center .thumbnail h4+p{display:none;}
    /*.jumbotron ul li a{padding:30% 0;*/
        /*-webkit-transition: all .5s;*/
        /*-moz-transition: all .5s;*/
        /*-ms-transition: all .5s;*/
        /*-o-transition: all .5s;*/
        /*transition: all .5s;*/
    /*}*/
}
@media only screen and (min-width: 450px) and (max-width: 767.9px){
    .product-center .caption small,.product-center .thumbnail,.product-center .thumbnail h4{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
      }
    .product-center .caption small{font-size:1.4rem;}
    .product-center .thumbnail{border:none;margin-bottom:10%;}
    .product-center .thumbnail h4{font-size:1.6rem;}
}

@media only screen and (min-width:768px) and (max-width: 1199.8px){
    .product-center .caption h1,.product-center .caption small,.product-center .thumbnail,.product-center .thumbnail h4,.product-center .thumbnail h4+p{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}

    .product-center .caption h1{font-size:2rem;}
    .product-center .caption small{font-size:1.8rem;}
    .product-center .thumbnail{border:none;margin-bottom:10%;}
    .product-center .thumbnail h4{font-size:1.8rem;margin:2% 0;}
    .product-center .thumbnail h4+p{font-size:1.6rem;color:#8c8c8c}
}
@media only screen and (min-width:1100px){
    .product-center .caption h1, .product-center .caption small,.product-center .thumbnail,.product-center .thumbnail h4,.product-center .thumbnail h4 + p,.img-box,.img-box img:hover {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .product-center .caption h1{font-size:2.4rem;}
    .product-center .caption small{font-size:2rem;}
    .product-center .thumbnail{border:none;margin-bottom:10%;}
    .product-center .thumbnail h4{font-size:1.8rem;margin:2% 0;}
    .product-center .thumbnail h4+p{font-size:1.6rem;}
    /*.img-box{width: 342px;height:256.5px;overflow:hidden;}*/
    .img-box img:hover{cursor:pointer;transform:scale(1.1);opacity:.9;}
}