.win { display: none; }
.mask-layer { position: fixed; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: #808080; z-index: 99998; top: 0px; left: 0px; }
.window-panel { position: fixed; z-index: 99999; top: 50%; left: 50%; background-color: white; border-radius: 4px; }
.window-panel .title-panel { position: absolute; height: 36px; width: 100%; border-radius: 4px 4px 0 0; }
.window-panel .title {    padding: 0px; position: absolute; height: 36px; width: 100%; text-align: left; border-radius: 4px 4px 0 0; line-height: 36px; vertical-align: middle; border-bottom: 1px solid #ddd; z-index: 1; }
.window-panel h3 { font-size: 14px; margin: 0; color:#333; padding:0 15px;}
.window-panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 36px; height: 34px; line-height: 34px; right: 0px; text-decoration: none; font-size: 20px; color: #bbb; border-radius: 2px; z-index: 1; }
.window-panel .close-btn:hover { color: #00a9e1; }
.window-panel .body-panel { position: absolute; width: 100%; top: 36px; border-radius: 0 0 4px 4px; z-index: 1; }
.window-panel .content, .window-panel .btns { text-align: center; }
.window-panel .content { padding: 20px 15px 0px; font-size: 16px; min-height: 40px; line-height: 24px; color: #333;}
.window-panel .w-btn { display: inline-block; min-width: 60px; height: 36px; padding: 0 30px;background: #fff;border: 1px #ddd solid;
color: #666;cursor: pointer; text-align: center; border-radius: 4px; text-decoration: none; margin: 20px 10px; font-size:16px;}
.window-panel .w-btn:hover { background-color: #00a9e1; color:#fff; border-color: #00a9e1;}
.window-panel .w-btn:focus { outline: 0 none; }