#warning,#forbid,#error,#success{
	width:550px;
	height:auto;
	background-color:#eee;
	font-family: 微软雅黑;
	box-shadow:0 0 30px #999;
	background-color:#fff;
	position:fixed;
	display:none;
	left:50%;
	top:20%;
	margin:0 0 0 -250px;
}
#warning .header,#forbid .header,#error .header,#success .header{
	width:100%;
	height:50px;
	background-color:#fe9214;
	position:relative;
}
#warning .header{
	background-color:#fe9214;
}
#forbid .header{
	background-color:#f41516;
}
#error .header{
	background-color:#f41516;
}
#success .header{
	background-color:#63c697;
}
#warning .header h1,#forbid .header h1,#error .header h1,#success .header h1{
	color:#fff;
	height:50px;
	font-size:20px;
	line-height:50px;
	font-weight:normal;
	padding-left:85px;
}
#warning .header span,#forbid .header span,#error .header span,#success .header span{
	width:48px;
	height:48px;
	display:inline-block;
	position:absolute;
	top:-4px;
	left:16px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	border:5px solid #fe9214;	
	box-shadow:0 0 10px #666;
}
#warning .header span{
	border:5px solid #fe9214;	
	background:#fff url("/media/image/tishi_icon.png");
	background-position:8px 12px;
	background-repeat:no-repeat;	
}
#forbid .header span{
	border:5px solid #f41516;	
	background:#fff url("/media/image/tishi_icon.png");
	background-position:-31px 12px;
background-repeat:no-repeat;	
}
#error .header span{
	border:5px solid #f41516;	
	background:#fff url("/media/image/tishi_icon.png");
	background-position:-70px 12px;	
	background-repeat:no-repeat;
}
#success .header span{
	border:5px solid #63c697;	
	background:#fff url("/media/image/tishi_icon.png");
	background-position:-107px 12px;	
	background-repeat:no-repeat;
}
#warning .body,#forbid .body,#error .body,#success .body{
	width:100%;
	height:200px;
	display:table;
}
#warning .body > span,#forbid .body > span,#error .body > span,#success .body > span{
	vertical-align:middle;
	display:table-cell; 
	padding:0 30px;
	color:#4b4b4b;
	font-size:14px;
}
#warning .footer,#forbid .footer,#error .footer,#success .footer{
	width:95%;
	height:50px;
	position:relative;
}
#warning .footer button,#forbid .footer button,#error .footer button,#success .footer button{
	width:67px;
	height:27px;
	bottom:15px; 
	position:absolute;
	border:none;
	display:block;
	font-family: 微软雅黑;
	right:20px;
	background-color:#fe9214;
	color:#fff;
	outline:none;
}
#warning .footer button{
	background-color:#fe9214;
}
#forbid .footer button{
	background-color:#f41516;
}
#error .footer button{
	background-color:#f41516;
}
#success .footer button{
	background-color:#63c697;
}

@media screen and (max-width:1700px) {
	#warning,#forbid,#error,#success{
		width:500px;
		height:270px;
	}
	#warning .header,#forbid .header,#error .header,#success .header{
		height:40px;
	}
	#warning .header h1,#forbid .header h1,#error .header h1,#success .header h1{
		height:40px;
		line-height:40px;
	}
	#warning .header span,#forbid .header span,#error .header span,#success .header span{
		width:42px;
		height:42px;
		top:-6px;
	}
	#warning .header span{
		background-position:5px 9px;
	}
	#forbid .header span{
		background-position:-33px 9px;	
	}
	#error .header span{
		background-position:-72px 9px;	
	}
	#success .header span{
		background-position:-110px 9px;	
	}
	#warning .body,#forbid .body,#error .body,#success .body{
		height:190px;
	}
	#warning .footer,#forbid .footer,#error .footer,#success .footer{
		height:40px;
	}
}