.imgHolder { display: block; position: relative; overflow: hidden; max-width: 100%; text-align: center; }
.imgHolder img, .imgHolder span, .imgHolder li, .imgHolder li a { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.imgHolder > a { background: none; cursor: pointer; }
.imgHolder img { width: 100%; height: auto; display: block; }
.imgHolder span { display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.imgHolder ul { margin: 0; display: inline-block; position: absolute; width: auto; height: 52px; text-align: center; z-index: 99; top: 50%; margin-top: -26px; }
.imgHolder ul.ico_2 { width: 104px; margin-left: -52px; left: 50%; }
.imgHolder ul.lightbox { width: 52px; margin-left: -26px; left: 50%; }
.imgHolder ul li { opacity: 0; display: inline-block; width: 52px; text-align: center; margin: 0 auto; height: 100%; overflow: hidden; *display: inline; zoom: 1; position: relative; }
.imgHolder ul li a { display: block; height: 100%; position: relative; }
.imgHolder.lightbox ul { width: 52px; margin-left: -26px; left: 50%; }
.imgHolder.ico_2 ul { width: 104px; margin-left: -52px; left: 50%; }
.imgHolder:hover span, .imgHolder a:hover span { visibility: visible; opacity: 1; }
.imgHolder:hover ul, .imgHolder a:hover ul { visibility: visible; }
.imgHolder:hover ul li, .imgHolder a:hover ul li { opacity: 1; }
.imgHolder.fade a:hover img { opacity: 0.5; }