/* CSS Document */
        #waterfall { padding-bottom: 20px; width: 1224px; margin-left: -12px; min-height:600px;}
        #waterfall img { width: 364px; }
        #waterfall .cell { padding: 10px 0px 10px 0px; width: 382px; border: #ddd solid 1px; overflow:hidden; background: #fff; margin-top: 20px; border-radius: 5px; /*box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);*/ position: relative; transition: all 0.5s; }
        #waterfall .cell:hover { /*box-shadow: 0 1px 5px rgba(35,25,25,0.5);*/ border: #e72f3c solid 1px; }
        #waterfall .cell .img { position: relative; z-index: 1; height: 285px;width: 364px; margin:0 auto;  overflow: hidden; transition:all 0.3s; }
		#waterfall .cell .img:hover{-webkit-box-shadow: rgba(231,47,60,.3) 0 0 10px 5px;-moz-box-shadow:rgba(231,47,60,.3) 0 0 10px 5px;box-shadow:rgba(231,47,60,.3) 0 0 10px 5px;}
        #waterfall .cell .img a { display: block; width: 364px; margin: 0 auto; position: relative; overflow: hidden; }
        /*#waterfall .cell .img a span { height: 100%; background: url(/images/case_bg.png); display: none; transition: all 0.5s; position: absolute; width: 100%; z-index: 2; }
        #waterfall .cell .img a:hover span { display: block; }*/
        #waterfall .cell .img a img { position: relative; z-index: 1; transition:all 0.3s; display:block; }
		
        /*#waterfall .cell .img a:hover { background: #000; }*/
        /*#waterfall .cell .img a:hover img { filter: alpha(opacity=80); -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.3s ease-out; -khtml-transition: all 0.3s ease-out; }*/
        
        #waterfall .cell h3 { height: 30px; line-height: 30px; padding: 0 10px; margin-top: 10px; }
        #waterfall .cell h3 span { float: left; font-size: 14px; margin-right: 10px; font-weight: normal; background: url(sz.png) left center no-repeat; padding-left: 24px; }
        #waterfall .cell h3 strong { float: right; font-size: 14px; font-weight: normal; background: url(add.png) left center no-repeat; padding-left: 24px; }
        
        .btns { top: 10px; right: 9px; position: absolute; z-index: 99; height: 30px; line-height: 30px; width: 80px; text-align: center; }
        .btns a { color: #fff; display: block; background: #CE1B29; border-radius: 3px; font-size: 14px; }
        .btns a:hover { background: #f60; color: #fff; text-decoration: none; }
        .inside_right { background: #fff; overflow: hidden; float: right; width: 1000px; }
        .top_3_left .side { }
		.inside{width: 1200px; overflow: hidden; }
		
		.case_2{ padding-bottom:25px;}
		.case_2 ul{ width:1224px;}
		.case_2 ul li { padding: 10px 0px 10px 0px; width: 382px; border: #ddd solid 1px; overflow:hidden; background: #fff; margin-top: 25px; border-radius: 5px; /*box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);*/ position: relative; transition: all 0.5s; float:left; margin-right:24px;}
        .case_2 ul li:hover { /*box-shadow: 0 1px 5px rgba(35,25,25,0.5);*/ border: #e72f3c solid 1px; }
        .case_2 ul li .img { position: relative; z-index: 1; height: 285px;width: 364px; margin:0 auto;  overflow: hidden; transition:all 0.3s; }
		.case_2 ul li .img:hover{-webkit-box-shadow: rgba(231,47,60,.3) 0 0 10px 5px;-moz-box-shadow:rgba(231,47,60,.3) 0 0 10px 5px;box-shadow:rgba(231,47,60,.3) 0 0 10px 5px;}
        .case_2 ul li .img a { display: block; width: 364px; margin: 0 auto; position: relative; overflow: hidden; }
        /*#waterfall .cell .img a span { height: 100%; background: url(/images/case_bg.png); display: none; transition: all 0.5s; position: absolute; width: 100%; z-index: 2; }
        #waterfall .cell .img a:hover span { display: block; }*/
        .case_2 ul li .img a img { position: relative; z-index: 1; transition:all 0.3s; display:block; }
		
        /*#waterfall .cell .img a:hover { background: #000; }*/
        /*#waterfall .cell .img a:hover img { filter: alpha(opacity=80); -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.3s ease-out; -khtml-transition: all 0.3s ease-out; }*/
        
        .case_2 ul li h3 { height: 30px; line-height: 30px; padding: 0 10px; margin-top: 10px; }
       .case_2 ul li h3 span { float: left; font-size: 14px; margin-right: 10px; font-weight: normal; background: url(sz.png) left center no-repeat; padding-left: 24px; }
        .case_2 ul li h3 strong { float: right; font-size: 14px; font-weight: normal; background: url(add.png) left center no-repeat; padding-left: 24px; }
		
		/**加载效果旋转**/
        @-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}@keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}.loadmore {
	display:block;
	line-height:50px;
	text-align:center;
	color:#ccc;
	font-size:14px;
}
.loadmore span {
	height:20px;
	width:20px;
	border-radius:100%;
	display:inline-block;
	margin:10px;
	border:2px solid #f60;
	border-bottom-color:transparent;
	vertical-align:middle;
	-webkit-animation:rotate 1.1s infinite linear;
	animation:rotate 1.1s infinite linear;
}
.loadover {
	display:block;
	line-height:50px;
	text-align:center;
	color:#ccc;
	font-size:14px;
}
.loadover span {
 display:block;
	line-height:50px;
	text-align:center;
}
.loadover:after {
	content:''position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background:#DCDCDC;
	z-index:1;
	display:block;
}