.picshowA { position:relative; width:99%; overflow:hidden; padding:0px; margin:5px 5px 0px 5px; }

@media (max-width: 995px)	{
.picshowB { position:relative; width:99%; margin:5px; height:150px; overflow:hidden; padding:5px 0px 5px 0px; margin:5px; }
}
@media (min-width: 995px)	{
.picshowB { position:relative; float:left; width:32%; margin:5px; height:150px; overflow:hidden; padding:0px; margin:5px; }
}

.picshowB img { width:100%; height:150px; }

.picshow1 { position:relative; width:100%; margin: 5px 0px 5px 0px; }
.picshow1:hover { opacity:0.8; }

.picshow2 { position:relative; width:100%; }
.picshow2:hover { opacity:0.8; }
.picblack { position:absolute; z-index:100; width:100%;height:100%; background-color:#000; opacity:0.6; max-height:150px; }
.picmore { position:absolute; z-index:101; width:100%;height:100%; color:#FFF; font-weight:bold;font-size:14px;text-align:center;padding-top:70px; }
.pichidden { width:10px;height:10px; display:none; }

.brightness {
        filter: brightness(30%);
        -webkit-filter: brightness(30%);
        -moz-filter: brightness(30%);
        -o-filter: brightness(30%);
        -ms-filter: brightness(30%);
}