/**
 * 游戏人像册 
 */

html{ overflow: hidden; }
#hidden{ position: absolute; top: -20000px; }

#topZone{ width: 100%; height: 100%; background: #33a4db url(top-tg.jpg) no-repeat 0 0; }

.caption{ background:#fff url("../../ucren-engine/resource/skins/qq/pl-repeat-x.gif") repeat-x 0 -126px; width: auto; height: 20px; line-height: 20px; }

#photo-icons{ overflow: auto; }
.photo-float .item{ width: 112px; height: 112px; margin: 0; float: left; cursor: pointer; }
.photo-float .item .icon{ display: table-cell; vertical-align: middle; width: 112px; height: 92px; text-align: center; *display: block; *font-size: 81px; }
.photo-float .item .icon img{ vertical-align: middle; border: 1px solid #808080; }
.photo-float .item .text{ text-align: center; line-height: 20px; }

#loading-bg, #viewer-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -moz-opacity: 0.5;opacity: .50; filter: alpha(opacity=50); }
#loading, #viewer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#loading .bg{ width: 240px; height: 5px; border: 1px solid #009; background: #fff; margin: auto auto auto auto; }
#loading-text{ margin-top: 200px; }
#loading-state, #loading-text{ text-align: center; color: #009; line-height: 30px; font-weight: 700; }
#loading-loader{ width: 0; height: 100%; background: #009; overflow: hidden; }

#viewer-bg{ display: none; background: #000; -moz-opacity: 0.75;opacity: .75; filter: alpha(opacity=75); }
#viewer{ display: none; }
#viewer-pad{ overflow: auto; position: relative; text-align: center; overflow: auto; }
#viewer-pad img{ margin: 25px; border: 5px solid #fff; }
#viewer-toolbar{ width: auto; height: 30px; background: #d7f0ff url(viewer-toolbar-bg.gif) repeat-x 0 0; }