#stage{
	background:white;
}
#basic{
	margin-top:30px;
	width:90%;
	height:1500px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#case {
  max-width: 1100px;
  margin:auto;
  margin-top:65px;
  margin-bottom:120px;
}
.case-tab{
	float:left;
	width:10%;
}
.case-item{
	float:left;
	width:13%;
}
.case-list .row{
	width:90%;
	margin:auto;
	text-align:center;
	margin-top:10px;
}
.case-list{
	background-color: rgba(202, 243, 239, 0.1);
	height: 150px;
	padding: 20px 0;
	position: relative;
	margin:auto;
	width: 100%;
	margin-top: 390px;
}
.case-list img{
	filter:alpha(opacity=50);       /* IE */
	-moz-opacity:0.5;              /* Moz + FF */
	opacity: 0.5;	
}
.case-list img:hover{
	filter:alpha(opacity=100);       /* IE */
	-moz-opacity:1;              /* Moz + FF */
	opacity: 1;	
}

.banner{
	min-height:300px;
	margin-bottom:145px; 
	background:url('http://de5ad527f3b4e.cdn.sohucs.com/custom-case/customer-case-banner.png') no-repeat center center;
}
.banner img{
	margin:0 auto;
	position: relative;
	display: block;
	top:315px;
}

.brand{
	cursor:pointer;
	overflow:hidden;
}

.mask{
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   opacity: 0;
	   margin:0;
} 
.mask h3{
	font-size:25px;
}
.mask p.title{
	font-size:16px;
	margin:20px auto;
}
.mask p{
	font-size:14px;
}
.mask-1{
	background-color: #7eb9c1;
	color:#ffffff;
	padding:25px;
}
.mask-1 h3{
	margin-top: 50px;
}
.mask-2{
	 background-color: #ebebeb;
	 padding:10px;
}
.mask-2 h3{
	margin-top:15px;
	color:#534e4e;
}
.mask-2 p.title{
	color:#534e4e;
}
.mask-2 p{
	color:#534e4e;
}
.mask-3{
	background-color:#ed7c76;
	color:#ffffff;
	padding:15px;
}
.mask-3 h3{
	margin-top:5px;
}
.mask-3 p.title{
 	font-size:15px;
}
.mask-4{
	background-color:#ebebeb;
	color:#534e4e;
	padding:10px;
}
.mask-4 h3{
	margin:2px;
	color:#534e4e;	
}
.mask-4 p{
	color:#534e4e;
}
.mask-5{
	background-color:#84c7cd;
	color:#ffffff;
	padding:50px;
}
.mask-5 h3{
	margin-top:42px;
}
.mask-5 p{
	line-height:28px;
}
.mask-6{
	background-color:#ebebeb;
	color:#534e4e;
	padding:10px;
}
.mask-6 h3{
	margin-top:50px;
	color:#534e4e;
}
.mask-6 p{
	color:#534e4e;
}
.mask-7{
	background-color:#f9dc76;
	color:#534e4e;
	padding:40px;
}
.mask-7 h3{
	margin-top:30px;
	color:#534e4e;
}
.mask-7 p{
	color:#534e4e;
}
.mask-8{
	background-color:#ebebeb;
	color:#534e4e;
	padding:20px;
}
.mask-8 h3{
	margin-top:15px;
	color:#534e4e;
}
.mask-8 p{
	color:#534e4e;
}
.mask-9{
	background-color:#5396b3;
	color:#ffffff;
	padding:20px;
}
.mask-9 h3{
	margin-top:15px;
}
.mask-10{
	background-color:#ebebeb;
	color:#534e4e;
	padding:25px;
}
.mask-10 h3{
	margin-top:5px;
	color:#534e4e;
}
.mask-10 p{
	color:#534e4e;
}
.mask-11{
	background-color:#c2d3cd;
	color:#534e4e;
	padding:25px;
}
.mask-11 h3{
	margin-top:5px;
	color:#534e4e;
}
.mask-11 p{
	color:#534e4e;
}
.mask-12{
	background-color:#ebebeb;
	color:#534e4e;
	padding:45px;
}
.mask-12 h3{
	margin-top:0px;
	color:#534e4e;
}
.mask-12 p{
	color:#534e4e;
}
img{
    opacity: 1;
}
.item:hover img{
	opacity: 0;
}
.item:hover .mask{
	opacity: 1;
}
.case-6{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/custom-case/custom-6.png) center center no-repeat;
}
.case-shadow{
 	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.075);
  	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.075);
 }