#easybox { position: absolute; left: 0; width: 100%; z-index: 200; text-align: center; }
#easybox img { width: auto; height: auto; }
#easybox a img { border: none; }

#easyboxouterimagecontainer { position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }

#easyboxtopinfo { width: 100%; height: 33px; padding: 0; margin: 0; }
#easyboxclosebtn { display: block; float: right; margin: 18px 27px 0 0; width: 89px; height: 16px; background: url('../img/easybox/close.gif') no-repeat; }
#easyboximagecount { display: block; float: left; margin: 18px 0 0 32px; color: #000; font-weight: bold; }

#easyboxbottominfo { position: relative; width: 100%; height: 30px; color: #000; background-color: #FFF; text-align: left; }
#easyboxbottominfocontent { margin-left: 32px; }

#easyboximagecontainer { padding: 20px; }

#easyboxnavigation { position: absolute; top: 33px; left: 0; height: 100%; width: 100%; z-index: 10; }
#easyboxnavigation a { outline: none; }
#easyboxprev, #easyboxnext { width: 49%; height: 100%; display: block; margin-top: 20px; }
#easyboxprev { left: 0; float: left; background: url('../img/easybox/prev.gif') 10% center no-repeat; }
#easyboxnext { right: 0; float: right; background: url('../img/easybox/next.gif') 90% center no-repeat; }

#easyboxloading { position: absolute; left: 0; top: 40%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#easyboxshadow { position: absolute; left: 0; top: 0; width: 100%; height: 500px; background-color: #000; z-index: 100; }