.img_left { float:left; margin: 0 10px 10px 0; max-width: 50%; height: auto; }
.img_right { float:right; margin: 0 10px 10px 0; max-width: 50%; height: auto; }
.img_center { display:block; margin: 0 auto; max-width: 100%; height: auto; }

@media (max-width: 768px) {
    .img_left, .img_right, .img_center { display:block; margin: 0 auto; max-width: 100%; height: auto; }
}




.zoom { cursor:pointer; float:left; max-width:250px; margin:0 15px 15px 10px; }
.zoom .caption { max-width:250px; text-align:left; cursor: auto;}
.zoom .caption span { font-weight: 600; }
.zoom img { max-width: 250px; width: 100%;
    -webkit-box-shadow: 0px 3px 3px 0px #b9b9be;
    -moz-box-shadow: 0px 3px 3px 0px #b9b9be;
    box-shadow: 0px 3px 3px 0px #b9b9be;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
}
.zoomIn { max-width: 100%; display: block; margin:0 15px 15px 10px; }
.zoomIn:after { display: block; clear: both; }
.zoomIn img { max-width: 800px; text-align: left; width: 100%; }
.zooming { position: absolute; margin-left: 10px; margin-top:10px; width: 28px; height: 28px; background-image: url('/img/zoomin.png'); }
.zoomIn .zooming { margin-left: 10px; background-image: url('/img/zoomout.png'); }
.zoomIn .caption { max-width:800px; }