.case_page{
	width: 1200px;
	text-align: center;
	height: 30px;
	margin: 30px auto;
}

.case_page li{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	color: #666;
	margin: 28px;
	border: 1px solid #e21913;
	margin: 0 1px;
	cursor: pointer;
}

.case_page li:hover{
	color: white;
	background: #e21913;
}

.case_list{
	width: 1200px;
	margin: 0 auto;
}

.case_list li{
	width: 570px;
	height: 210px;
	float: left;
	background: url(images/case_list_bg.png) right bottom no-repeat #fff;
	cursor: pointer;
	margin: 30px 15px;
}

.case_list li:hover{
	background-color: #EEE; 
}

.case_list_img{
	width: 314px;
    	height: 210px;
    	overflow: hidden;
    	float: left;
    	margin-right: 40px;
	text-align: center;
	line-height: 210px;
}

.case_list_img img{
	width: 314px;
	*margin-top:expression((300 - this.height )/2);
	vertical-align: middle;
	transition-duration: 1s;
}

.case_list_img img:hover{
	 transform: scale(1.07);
    	-webkit-transform: scale(1.07);
}

.case_name{
   width: 200px;
    white-space: nowrap;
    margin-top: 14px;
    float: left;
}

.case_name h3{
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
	width: 200px;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden; 
}

.case_line{
	width: 72px;
	height: 2px;
	margin: 5px 0;
	background: #e21913;
}

.details{
	width: 100px;
	height: 30px;

	line-height: 30px;
	text-align: center;
	margin-top: 80px;
}


.details a{
	display:block;
	width:100px;
	height:30px;
	border: 1px solid #999;
	color: #999;
	font-size:12px;
	border-radius: 15px;
}


.details a:hover{
	animation:acolor 0.5s forwards;
	-moz-animation: acolor 0.5s forwards;	/* Firefox */
	-webkit-animation: acolor 0.5s forwards;	/* Safari บอ Chrome */
	-o-animation: acolor 0.5s forwards;	/* Opera */
}

.case_deta{
	width: 1200px;
	margin: 30px auto;
	font-size: 16px;
	line-height: 2em;
	text-align: center;
}

.case_deta h2{
	font-size: 24px;
	font-weight: 600;
	overflow: hidden;
	line-height: 50px;
}

.case_deta_time{
	width: 1200px;
	color: #666;
	font-size: 14px;
}

.case_deta_text>div{
	width: 600px;
	margin: 30px auto;
	overflow:hidden;
}

.case_deta_text img{
	min-width: 100%;
	display: inline;
	margin: 15px auto;
}