* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.frock{width:1200px;margin:auto;overflow:hidden;}
.frockList{width:25%;float:left;padding-right: 15px;padding-left: 15px;}
.frockList:hover .proitem {background-color: #FFCD11;}
.frockList:hover .proitem a{color:#23527c;}
.frock .proitem {
    background: #F3F3F3;
    padding-bottom: 20px;
    margin-bottom: 30px;
    min-height: 350px;
    max-height: 350px;
}
.frock .bgimg {
    background: #f7cb06;text-algin:center;
}
img {
    vertical-align: middle;
}
.frock .proitem h3 {
    text-align: center;    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;font-weight: 500;line-height: 1.1;
}
.frock p {font-size:12px;line-height: 1.5;
    text-align: center;
    padding: 0 15px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}