div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0;margin:0;}
table,td,tr,th{font-size:12px;}li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal;font-style:normal;}
label{vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/* pic-list */
.scrollbox{width:990px;margin:0px auto 0 auto;}
.pic-list{height:270px;overflow:hidden;border-bottom:solid 1px #fff;position:relative;}
.pic-list ul{position:absolute;left:0px;top:0px;}
.pic-list .picture{float:left;width:330px;height:219px;border-right:solid 1px #fff;position:relative;background:#eee;}
.pic-list .picture em{ width:100%;display:inline-block;background:#000;opacity:0.55;filter:alpha(opacity:55);color:#fff;height:20px;line-height:20px;position:absolute;margin:0 auto; text-align:center;bottom:0px;text-decoration:none;}



@media (max-width: 767px) {
.scrollbox{width:330px;margin:0px auto 0 auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
.scrollbox{width:660px;margin:0px auto 0 auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.scrollbox{width:660px;margin:0px auto 0 auto;}
}
@media (min-width: 1200px) {
.scrollbox{width:990px;margin:0px auto 0 auto;}
}