@charset 'utf-8';

.casesdetail{padding: 50px 0;}
.casesdetail .picture{width: 50%; max-width: 600px; margin: 0 auto; border: solid #eee 1px;}
.casesdetail .picture img{width: 100%; height: auto;}
.casesdetail .title{text-align: center; margin-top: 20px;}
.casesdetail .title h1{font-size: 32px;}
.casesdetail .content{margin-top: 20px; padding-bottom: 60px; font-size: 16px; line-height: 32px;}
.casesdetail .content img{max-width: 100%;}
.casesdetail .content table{max-width: 100%; border-collapse: collapse;}
.casesdetail .prev_next{border: dashed #e5e5e5 1px; padding: 5px 16px; font-size: 16px; line-height: 32px; margin-top: 20px;}
.casesdetail .prev_next span{float: right; font-size: 14px; color: #888;}

@media (max-width: 980px) {
	.casesdetail{padding: 30px 15px;}
	.casesdetail .title h1{font-size: 18px;}
	
	.casesdetail .prev_next{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.casesdetail .prev_next span{display: none;}
}