.z_datetime_box {display: inline-block; font-family: "微软雅黑","黑体"; height:30px; line-height:30px; width:auto;margin:0; padding:0;vertical-align: middle;}
.z_datetime_box input.text{display: inline-block; z-index: 1; vertical-align: top;}
.z_datetime_box .ico_datetime { 
	display: inline-block;
	vertical-align: top;
	
	width:30px;
	height:30px;
	background:#EEE url(../img/clendar-1.png) no-repeat center; 
	background-color:#f4f4f4;
	
	border:#CCC 1px solid;
	border-radius: 0 2px 2px 0 ;
	margin-left:-7px;
	cursor: pointer;
	z-index: 500;
}
.z_datetime_box .ico_datetime:hover{
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}
.z_datetime_box + em{font-style: normal;}
/** .z_datetime_box_date style */
.z_datetime_box .z_datetime_box_date {
	display: inline-block;
	position: absolute;
	width:260px;
	height:auto;
	padding:4px;
	background-color:#fff;/*背景颜色*/
	border:#CCC 1px solid;
	border-radius:4px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	
	margin-top:31px;
	z-index: 501;
}
.z_datetime_box .z_datetime_box_date a {text-decoration: none;}

.z_datetime_box .z_datetime_box_date .d_top{
	height: 34px;
}
.z_datetime_box .z_datetime_box_date .d_top a{ float:left; }
.z_datetime_box .z_datetime_box_date .d_top .d_top_left{
	display: inline-block; 
	
	width:36px;
	height: 34px;
	background:url(../img/ico_clendar.png) 14px -46px no-repeat; 
}

.z_datetime_box .z_datetime_box_date .d_top .d_top_middle{
	display: inline-block; 
	width:188px;
	height:34px;
	line-height:34px;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	color:#333;
	text-shadow: 0 1px 0 #EEE;
}

.z_datetime_box .z_datetime_box_date .d_top .d_top_right{
	display: inline-block; 
	
	width:36px;
	height:34px;
	background:url(../img/ico_clendar.png) 14px -73px no-repeat; 
}
.z_datetime_box .z_datetime_box_date .d_top .d_top_left:hover,
.z_datetime_box .z_datetime_box_date .d_top .d_top_middle:hover,
.z_datetime_box .z_datetime_box_date .d_top .d_top_right:hover {
	background-color:#EEE; 
}

.z_datetime_box .z_datetime_box_date .d_bar{
	height:30px;
	font-size:16px;
}
.z_datetime_box .z_datetime_box_date .d_bar span{
	display:inline-block;
	width:35px;
	height:30px;
	line-height:30px;
	text-align:center;
	float:left;
	font-weight: bold;
	text-shadow: none;
}

.z_datetime_box .z_datetime_box_date .d_body{ 
	height: auto;
}


.z_datetime_box .z_datetime_box_date .d_btn_bar{
	clear: both;
	height:25px;	
}
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_date,
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_time{
	display: inline-block;
	height:25px;
	background: url(../img/ico_clendar.png) 100px 6px no-repeat; 
	width:232px;
}
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_time{
	background-position:100px -25px; 
}
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_date:hover,
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_time:hover{
	display: inline-block;
	background-color: #548FF7; 
}
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_cancel {
	display: inline-block;
	height:25px;
	float:right;
}
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_cancel:hover{
	color:#FFF;
}

.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_time1{
	display: block;
	height:25px;
	background: url(../img/ico_clendar.png) 122px 6px no-repeat; 
}
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_time1{
	background-position:122px -25px; 
}
.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_time1:hover{
	display: block;
	background-color: #548FF7; 
}

.z_datetime_box .z_datetime_box_date .d_btn_bar .btn_cancel:hover{
	display: inline-block;
	background-color: #548FF7; 
}

/** days_box */
.z_datetime_box_date .days_box .d_body .gray{
	color:#888;
}
.z_datetime_box_date .days_box .d_body .selected{
	border-radius:6px;
	color:#FFF;
	background-color: #4984E8;
	background:linear-gradient(to top, #548FF7 0%, #4984E8 100%) repeat scroll 0 0 transparent; 
	text-shadow: 0 1px 0 #1D52A3;
}
.z_datetime_box_date .days_box .d_body .selected:hover {
	background-color: #548FF7;
}
.z_datetime_box_date .days_box .d_body a{ 
	display:inline-block;
	width:35px;
	height:28px;
	line-height:28px;
	text-align:center;
	float:left;
	
	color:#333;
	
	font-size:15px;
	text-shadow: 0 0 0 #000;
}
.z_datetime_box_date .days_box .d_body a:hover{
	background-color:#EEE; 
	border-radius:6px;
}

/** months_box */
.z_datetime_box_date .months_box {
	display: none;
	height:200px;
}
.z_datetime_box .z_datetime_box_date .months_box .d_body a {
	display: inline-block;
	width: 60px;
	height:50px;
	line-height:50px;
	text-align:center;
	border:#EEE 1px solid;
	color:#333;
	text-shadow: 0 0 0 #000;
}
.z_datetime_box .z_datetime_box_date .months_box .d_body a:hover{
	background-color:#EEE; 
	border-radius:6px;
}
.z_datetime_box .z_datetime_box_date .months_box .d_body .selected{
	border:#548FF7 1px solid;
	border-radius:6px;
	color:#FFF;
	background-color: #4984E8;
	background:linear-gradient(to top, #548FF7 0%, #4984E8 100%) repeat scroll 0 0 transparent; 
	text-shadow: 0 0 0 #000;
}
.z_datetime_box .z_datetime_box_date .months_box .d_body .selected:hover {
	background-color: #548FF7;
}
/** years_box */
.z_datetime_box_date .years_box {
	display: none;
	height:200px;
}
.z_datetime_box .z_datetime_box_date .years_box .d_body a {
	display: inline-block;
	width: 60px;
	height:50px;
	line-height:50px;
	text-align:center;
	border:#EEE 1px solid;
	color:#333;
	text-shadow: 0 0 0 #000;
}
.z_datetime_box .z_datetime_box_date .years_box .d_body a:hover{
	background-color:#EEE; 
	border-radius:6px;
}
.z_datetime_box .z_datetime_box_date .years_box .d_body .selected{
	border:#548FF7 1px solid;
	border-radius:6px;
	color:#FFF;
	background-color: #4984E8;
	background:linear-gradient(to top, #548FF7 0%, #4984E8 100%) repeat scroll 0 0 transparent; 
	text-shadow: 0 0 0 #000;
}
.z_datetime_box .z_datetime_box_date .years_box .d_body .selected:hover {
	background-color: #548FF7;
}
/** time_box style*/
.z_datetime_box_date .time_box {display:none; height: auto; padding-bottom:10px;}
.z_datetime_box_date .time_box .d_btn_time_top,
.z_datetime_box_date .time_box .d_btn_time_bottom,
.z_datetime_box_date .time_box .d_btn_time_middle{
	display: block;
	width: 250px;
	height: 30px;
	text-align: center;
	padding: 5px 0 5px 0;
}
.z_datetime_box_date .time_box .d_btn_time_top a,
.z_datetime_box_date .time_box .d_btn_time_bottom a{
	display: inline-block;
	width: 50px;
	height:30px;
	line-height: 30px;
	text-align: center;
	border-radius:6px;
	border:#CCC 1px solid;
	background: linear-gradient(to top, #EEE 0%, #FFF 30%) transparent;
}
.z_datetime_box_date .time_box .d_btn_time_top a:hover,
.z_datetime_box_date .time_box .d_btn_time_bottom a:hover{
	background: linear-gradient(to bottom, #EEE 0%, #CCC 60%) transparent;
}
.z_datetime_box_date .time_box .d_btn_time_top a span,
.z_datetime_box_date .time_box .d_btn_time_bottom a span{
	display: block;
	width: 40px;
	height: 25px;
	line-height: 40px;
	text-align: center;
	border-radius:6px;
	background:url(../img/ico_clendar.png) 19px -105px no-repeat; 
}
.z_datetime_box_date .time_box .d_btn_time_bottom a span{
	background-position:19px -134px; 
}

.z_datetime_box_date .time_box .d_btn_time_middle{
	width: 250px;
	height:60px;
}
.z_datetime_box_date .time_box .d_btn_time_middle a{
	display: inline-block;
	width: 65px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius:6px;
	font-size: 30px;
	color:#333;
	text-shadow: none;
}
.z_datetime_box_date .time_box .d_btn_time_middle a:hover{
	background: #EEE;
	text-shadow: none;
}
.z_datetime_box_date .time_s_box1,
.z_datetime_box_date .time_s_box2,
.z_datetime_box_date .time_s_box3 {
	width: 82px;
	height: auto;
	text-align: center;
	display: inline-block;
	float: left;
}

/** hour box */
.z_datetime_box_date .hour_box {
	display: none;
	height:200px;
}
.z_datetime_box .z_datetime_box_date .hour_box .d_body a {
	display: inline-block;
	width: 40px;
	height:33px;
	line-height:33px;
	text-align:center;
	border:#EEE 1px solid;
	color:#333;
	text-shadow: 0 0 0 #000;
}
.z_datetime_box .z_datetime_box_date .seconds_box .d_body a:hover,
.z_datetime_box .z_datetime_box_date .minute_box .d_body a:hover,
.z_datetime_box .z_datetime_box_date .hour_box .d_body a:hover{
	background-color:#EEE; 
	border-radius:6px;
}
.z_datetime_box .z_datetime_box_date .seconds_box .d_body .selected,
.z_datetime_box .z_datetime_box_date .minute_box .d_body .selected,
.z_datetime_box .z_datetime_box_date .hour_box .d_body .selected{
	border:#548FF7 1px solid;
	border-radius:6px;
	color:#FFF;
	background-color: #4984E8;
	background:linear-gradient(to top, #548FF7 0%, #4984E8 100%) repeat scroll 0 0 transparent; 
	text-shadow: 0 0 0 #000;
}
.z_datetime_box .z_datetime_box_date .seconds_box .d_body .selected:hover,
.z_datetime_box .z_datetime_box_date .minute_box .d_body .selected:hover,
.z_datetime_box .z_datetime_box_date .hour_box .d_body .selected:hover{
	background-color: #548FF7;
}

/** minute、seconds  box */
.z_datetime_box_date .seconds_box ,
.z_datetime_box_date .minute_box {
	display: none;
	height:200px;
}
.z_datetime_box .z_datetime_box_date .seconds_box .d_body a ,
.z_datetime_box .z_datetime_box_date .minute_box .d_body a {
	display: inline-block;
	width: 24px;
	height:22px;
	line-height:22px;
	text-align:center;
	border:#EEE 1px solid;
	color:#333;
	text-shadow: 0 0 0 #000;
}