/*
    weixq20140324
    weixq20140328 Ϊ�˱����ͻ��dialog����ʽ��dialog- ��ͷ
*/
.dialog-overlay {
	/*BACKGROUND: #000;*/
	opacity: 0.5
}
.dialog {
	MARGIN:5PX;
	border: 1px solid #C4AD8B;/*#3498DB*/
	border-radius: 3px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.dialog .dialog-bar {
    PADDING: 4px;
    MIN-HEIGHT: 26PX; 
    /*BACKGROUND: #3498DB;*/
	BACKGROUND: #C4AD8B;
    CURSOR: MOVE; 
    COLOR: #FFF; 
}
.dialog .dialog-bar .dialog-title {
	FLOAT: left; 
}
.dialog .dialog-bar .dialog-close {
	FLOAT: right; CURSOR: pointer; TEXT-DECORATION:none;
	background-image: url(../imgs/close.png); 
	background-repeat: no-repeat;
	width: 24px;
	height:24px;
}
.dialog .dialog-content {
	/*PADDING:4px; */
	BACKGROUND: #fff;
}
.dialog IFRAME {
	WIDTH: 100%; HEIGHT: 100%; border:none; background-color:#FFFFFF;
}
.dialog-content IMG {
	MAX-WIDTH: 700px; OVERFLOW: auto; MAX-HEIGHT: 500px;
}
.dialog-flat{
	background: #3498db;
	min-width: 250px;
	color: white;
	padding: 10px;
	text-align: center;
	box-shadow: -3px 3px 5px #999;
	font-size: 14px;
	transition: top 1s;
}
.dialog-flat i{
	font-size: 30px;
	color: #fff;
	margin-right: 10px;
}
.dialog-flat-loading{
	background: #fff;
	min-width: 250px;
	color: #333;
	padding: 10px;
	text-align: center;
	box-shadow: 1px 1px 1px #ddd;
	border: 1px solid #ccc;
    border-radius: 3px;
	font-size: 14px;
	transition: top 1s;
}
.dialog-flat-loading i{
	font-size: 30px;
	color: #333;
	margin-right: 10px;
}

.dialog-close {
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 5px;
}
.dialog-close i{
	color: #3498db;
	margin-right: 0;
}
.dialog-flat:hover .dialog-close i{
	color: red;
}