@charset "utf-8";

/* CSS Document */
body{overflow:auto !important;}
.image_view_wrap {position:absolute; top:0; left:0; right:0; bottom:0; display:table; width:100%; height:100%; background-color:#f7f7f7;}
.image_view_wrap .image_view_area {display:table-cell; text-align:center; vertical-align:middle;}
.image_view_wrap .image_view_area img {vertical-align:middle; box-shadow:5px 5px 20px #bdbdbd;}
.btn_image_view {position:fixed; right:30px; bottom:30px; font-size:0;}
.btn_image_view a {filter:alpha(opacity=80); opacity:.8; display:inline-block; width:50px; height:50px; margin:0 5px; border-radius:50px; background-color:#ac8b43; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle; transition:all .25s ease;}
.btn_image_view a:hover {filter:alpha(opacity=100); opacity:1; background-color:#947635;}
.btn_image_view a.original {background-color:#8c5f5f; background-image:url('../../../images/btn_img_original.png'); background-size:22px 22px;}
.btn_image_view a.zoomIn {background-image:url('../../../images/btn_img_zoom_in.png'); background-size:21px 21px;}
.btn_image_view a.zoomOut {background-image:url('../../../images/btn_img_zoom_out.png'); background-size:21px 21px;}



