@charset "utf-8";
/* CSS Document */
.prowarp{ padding-top: 48px; margin-left: -30px;}
.prowarp ul li{ float:left; margin-left: 30px; margin-bottom: 35px;} 
.prowarp ul li a{ overflow:hidden; display:block; border: 1px solid #a0a0a0; position: relative; width:378px; height: 212px;}
.prowarp ul li a img{ max-width:378px; max-height:284px;}
.prohd{ width:100%; position: absolute; left: 0; height: 45px; line-height: 45px; bottom:-45px; text-align: left; overflow: hidden; transition: bottom 0.2s ease 0s;}
.prohd .hddesc{ text-align: left; position: relative; padding: 0 10px; z-index: 1; color: #fff;  text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.prohd .hdbg{ background: #333; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; filter:Alpha(opacity=70);}
.prowarp ul li a:hover{ border: 1px solid #000}
.prowarp ul li a:hover .prohd{ bottom:0; transition: bottom 0.2s ease 0s;}
.pagebg{ padding-bottom: 50px; padding-top: 23px;}
.pages{ text-align: left; line-height: 45px; }
.pages a,.pages .current{ background: #fff; display: inline-block; text-align: center; width: 48px; height: 43px; border: 1px solid #c9c9c9;  line-height: 43px;}
.pages a:hover{ background: #ed711f; border: 1px solid #ed711f; color: #fff;}
.pages .pageson{ background: #ed711f; border: 1px solid #ed711f; color: #fff; display: inline-block; width: 48px; height: 43px;}