


/*클릭 확대이미지 효과*/
ul.certify_list .image-holder { overflow: hidden; position: relative; }
ul.certify_list .image-holder .overlay { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transition: all 10ms ease-in-out; -moz-transition: all 10ms ease-in-out; -o-transition: all 10ms ease-in-out; transition: all 10ms ease-in-out; position: absolute; width: 100%; height: 100%; background: none; color: #fff; top: 0; left: 0; text-align: center; }
ul.certify_list .image-holder .overlay a { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 50ms ease-in-out; -moz-transition: all 50ms ease-in-out; -o-transition: all 50ms ease-in-out; transition: all 50ms ease-in-out; visibility: hidden; position: absolute; color: #fff; width:100%; height: 100%; background: rgba(0, 0, 0, 0.05); display: block; text-align: center; line-height: 50px; }
ul.certify_list .image-holder:hover .overlay { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }
ul.certify_list .image-holder:hover .overlay a { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }


ul.certify_list .image-holder a:hover{ background:#666}


/*상세 레이어*/
#lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; /* IE Fallback (Solid Colour) */  background: rgba(0, 0, 0, 0.8); -webkit-filter: none !important; z-index:1000000; }
#lightbox img { display: block; position: absolute;}

.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lightbox-close { right: 10px; top: 10px; background-image: url('/theme/template1/assets/images/bt_close.png'); }
.lightbox-next { right: 10px; top: 48%; background-image: url(''); }
.lightbox-previous { left: 10px; top: 48%; background-image: url(''); }




/*제품확대*/
.product .image-holder { overflow: hidden; position: relative; }
.product .image-holder .overlay { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; -webkit-transition: all 10ms ease-in-out; -moz-transition: all 10ms ease-in-out; -o-transition: all 10ms ease-in-out; transition: all 10ms ease-in-out; position: absolute; width: 100%; height: 100%; background: none; color: #fff; top: 0; left: 0; text-align: center; }
.product .image-holder .overlay a { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 50ms ease-in-out; -moz-transition: all 50ms ease-in-out; -o-transition: all 50ms ease-in-out; transition: all 50ms ease-in-out; visibility: hidden; position: absolute; color: #fff; width:100%; height: 100%; background: rgba(0, 0, 0, 0.0); display: block; text-align: center; line-height: 50px; }
.product .image-holder:hover .overlay { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }
.product .image-holder:hover .overlay a { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; }

.lightbox-caption p{ color:#ccc; position:absolute; z-index:10002;  text-align:center; font-size:22px; width:100%; }

@media only screen and (max-width: 460px) {
.lightbox-caption p{  font-size:18px;}
}
