.product-head .text {
  padding-top: 7px;
}
.product-head .link a {
  color: black;
  font-size: 10px;
}




#product-table td{
  padding: 4px!important;
  border: none;
  display: unset;
  width: 20%;
  float: left;
}

#product-table .box{
  border: 1px solid #ddd;
}
#product-table .box .head {
  background-color: #dfdfdf;
  font-size: 10px;
  font-weight: 300;
  padding: 8px;
}
#product-table .box .head p {
  margin-bottom: 0px;
}
#product-table .box .detail {
  padding: 3px;
}
#product-table .box .detail img {
  height: 100px;
  width: auto;
  max-width: 100px;
}
#product-table .box .detail .title {
  font-size: 10px;
  /*font-weight: 300;*/
  margin-bottom: 0px;
  height: 20px;
}
#product-table .box .detail .pro-detail{
  font-size: 9px;
  font-weight: 300;
  margin-bottom: 0px;
  height: 27px;
  color: gray;
}
#product-table .box .detail .hotprice{
  font-size: 18px;
  color: Crimson;
  margin-bottom: 0px;
}
#product-table .box .detail a img{
  /*max-width: 80px;*/
  width: auto;
  height: 100px;
}
#product-table .box .detail a div{
  width: 100px;
  height: 30px;
  background-image: url("../images/index/ask-price-buttom.png");
  background-size: contain;
  background-position: 5px 0px;
  background-repeat: no-repeat;
}
#product-table .box .detail a div:hover{
  background-image: url("../images/index/ask-price-buttom-notshadow.png");
  background-size: contain;
  background-position: 7px 2px;
  background-repeat: no-repeat;
}
@media (max-width: 780px) {
  #product-table td {
    display: unset;
    width: 33.33%;
    float: left;
  }
}
@media (max-width: 480px) {
  .content {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px
  }


  #product-table .box .detail .pro-detail{
    height: 25px;
  }
  #product-table .box .detail img {
    height: 50px;
    width: auto;
    max-width: 76px;
    max-height: 50px;
  }
  #product-table .box .detail a div{
    width: 50px;
    height: 15px;
    background-image: url("../images/index/ask-price-buttom.png");
    background-size: contain;
    background-position: 2px 0px;
    background-repeat: no-repeat;
  }
  #product-table .box .detail a div:hover{
    background-image: url("../images/index/ask-price-buttom-notshadow.png");
    background-size: contain;
    background-position: 0px 1px;
    background-repeat: no-repeat;
  }
  #product-table .box .hotprice {
    font-size: 12px!important;
  }
}

.pager {
  float: right;
}
.pager span {
  padding: 5px 10px;
  border: 1px solid #000;
  margin-left: 5px;
  margin-right: 5px;
    background-color: green;
    color: white;
    cursor: pointer;
}
.pager .active {
  background-color: white;
  color: green;
}
.pager span:hover {
  background-color: MediumSeaGreen;
}


#product-table .box {
  cursor: pointer;
}
#product-table .box:hover .head {
  background-color: green ;
  color: white;
}
#product-table .box:hover {
  border: 1px solid green;
}