.dialog {
 position:absolute;
 z-index:1000;
 box-shadow:0 30px 40px 0 rgba(0,0,0,0.15)
}
.dialog .dialog-header {
 padding:6px 20px 6px 20px;
 line-height:28px;
 background:rgba(255,255,255,0.6)
}
.dialog .dialog-header .dialog-title {
 font-size:15px;
 text-align:center
}
.dialog .dialog-btn-close {
 position:absolute;
 display:block;
 width:14px;
 height:14px;
 right:6px;
 top:6px;
 background:#fff;
 opacity:.4;
 filter:alpha(opacity=40);
 cursor:pointer;
 background:url(images/dialog_icon.png) no-repeat -20px 2px
}
.dialog .dialog-btn-close:hover {
 opacity:.6;
 filter:alpha(opacity=60)
}
.dialog .dialog-main {
 overflow:auto;
 text-align:left;
 position:relative;
 padding:0;
 line-height:15px;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 font-stretch:normal;
 color:#666
}
.dialog .dialog-main iframe {
 border:0;
 display:block
}
.dialog .dialog-footer {
 width:100%;
 text-align:center;
 padding:0 0 14px 0
}
.dialog .dialog-footer .dialog-btn {
 display:inline-block;
 padding:5px 15px;
 margin:0 10px;
 background-color:#3dc000;
 color:#fff;
 font-size:14px;
 text-decoration:none
}
.dialog .dialog-footer .dialog-btn:hover {
 background-color:#4dcf10
}
.dialog .dialog-footer .dialog-btn.btn-cancel {
 background:#ddd;
 color:#666
}
.dialog .dialog-footer .dialog-btn.btn-cancel:hover {
 background:#e2e2e2
}
.dialog-overlay {
 position:fixed;
 _position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:.3;
 filter:alpha(opacity=30);
 *zoom:1;
 background-color:rgba(0,0,0,0.2)
}
.dialog-arrow-top,
.dialog-arrow-bottom,
.dialog-arrow-left,
.dialog-arrow-right {
 position:absolute;
 display:block;
 width:20px;
 height:10px;
 background:url(images/dialog_icon.png) no-repeat 0 0;
 font-size:0
}
.dialog-arrow-top {
 background-position:0 -10px;
 left:50%;
 bottom:-10px;
 margin-left:-10px
}
.dialog-arrow-bottom {
 background-position:0 0;
 left:50%;
 top:-10px;
 margin-left:-10px
}
.dialog-arrow-left {
 background-position:-10px 0;
 width:10px;
 height:20px;
 right:-6px;
 top:50%;
 margin-top:-10px
}
.dialog-arrow-right {
 background-position:0 0;
 width:10px;
 height:20px;
 left:-6px;
 top:50%;
 margin-top:-10px
}
.dialog-icon {
 display:inline-block;
 width:12px;
 height:12px;
 margin-right:4px;
 font-size:0;
 background:url(images/dialog_icon.png) no-repeat -20px -60px
}
.dialog-icon-error {
 background-position:-20px -60px
}
.dialog-default {
 border:0;
 background:rgba(255,255,255,1)
}
.dialog-iframe-loading {
 width:100%;
 height:100%;
 position:absolute;
 background:#fff;
 top:0;
 left:0
}
.dialog-iframe-loading span {
 position:absolute;
 top:50%;
 left:50%;
 margin:-10px 0 0 -20px
}
.dialog-tip {
 background:#fffbe3!important;
 border:solid 1px #ece7c8!important;
 height:36px;
 box-shadow:0 0 0 rgba(0,0,0,0.5)!important;
 margin-top:3px;
 border-radius:5px!important
}
.dialog-tip .dialog-main {
 padding:10px 10px 10px 10px
}
.dialog-arrow-top,
.dialog-arrow-bottom,
.dialog-arrow-left,
.dialog-arrow-right {
 position:absolute;
 display:block;
 width:10px;
 height:12px;
 background:url(images/Tips_arrow.png) no-repeat 0 0;
 font-size:0;
 background-size:60%;
 left:-6px;
 top:50%;
 margin-top:-6px
}