@charset "utf-8";

#picbox_wrp { position:relative; margin:0; padding:0; }

/* 썸네일 */
#picbox_wrp .picbox_content { position:relative; *zoom:1; margin:0 auto; padding:0; }
#picbox_wrp .picbox_content a { display:inline-block; margin:0; padding:0; border:0px solid #111; }
#picbox_wrp .picbox_content a:hover { border:0px solid #fff; }
#picbox_wrp img { border:none; }
#picbox_wrp .pbLoading { background:url(../img/loading.gif) no-repeat center !important #000 ; }


/* 이미지 출력 */
#pbOverlay, 
#pbImage, 
#pbBottom, 
#pbCloseBtn { position:fixed; z-index:9999; }
#pbOverlay { left:0; top:0; width:100%; height:100%; background:#000; cursor:pointer; }
#pbCloseBtn { top:0; right:0; display:block; width:50px; height:50px; background:url(../img/closebutton.png) no-repeat top left; }

#pbImage { border:2px solid #ccc; background:#000 no-repeat; -moz-box-shadow: 0 0 40px #000; -webkit-box-shadow: 0 0 40px #000; box-shadow: 0 0 40px #000; cursor:move; }
#pbBottom { font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:14px; text-align:center; color:#ccc; line-height:1.4em; left:50%; bottom:10px; width:400px; margin-left:-200px; }
#pbCaption { font-weight:bold; padding:4px; display:inline-block; *display:inline; /* IE 7 */ background-color: rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000); zoom: 1; }
#pbNav { display:block; width:200px; height:65px; margin:auto; margin-top:5px; }

/* 네비게이터 버튼 */
#pbPrevBtn, 
#pbNextBtn, 
#pbZoomBtn  { display:inline-block; width:70px; height:65px; outline:none; text-indent:-9000px; background:url(../img/navbtns.png) no-repeat; }
#pbPrevBtn { background-position:-70px 0; float:left; }
#pbPrevBtn.pbgreyed { background-position:0 0; }
#pbNextBtn { background-position:-320px 0; float:right; }
#pbNextBtn.pbgreyed { background-position:-390px; }
#pbZoomBtn { width:60px; background-position:-140px 0; float:left; }
#pbZoomBtn.pbgreyed { background-position:-200px 0; }
#pbZoomBtn.pbzoomed { background-position:-260px 0; }
