#fw-luck{
	height: 600px;
	background: url(../img/bgt.jpg) no-repeat center center;
	background-size: auto 100%;
	margin-top: -20px;
   	width: 100%;
}
#picScroll-dhn{
	padding-top: 95px;
	width: 1360px;
	margin: 0 auto;
}
#tempWrap{
	width: 1240px;
	margin: 0 auto;
}
#picList{
	position: absolute;
	margin-left: -26px;
}
a{
	text-decoration: none;
}
span{
	position: relative;
	z-index: 2;
}
.trred:hover .rectangle{
	opacity: 0.9;
	transform: translatey(-60px);
}
.trred:hover .rectangle2{
	opacity: 0.9;
	transform: translatey(70px);
}
.trred:hover .blow-up{
    transform: scale(1.2);  
}
.trred:hover .rotation{
	transform:rotate(180deg);
}
li{
	float: left;list-style: none;
}
.pic{
	width: 240px;
	height: 279px;
	overflow: hidden;

}
.tit{
	width: 240px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-color: dimgray;
	color: white;
	overflow: hidden;
	font-size: 14px;
}
.rectangle{
    width: 240px;
    height: 60px;
    background: #f5a21c;
    opacity: 0.5;
   transition: transform .5s linear;
}
.rectangle2{
	margin-top: -150px;
    width: 240px;
    height: 70px;
    background: #f5a21c;
    opacity: 0.5;
   transition: transform .5s linear;
}
.link{
	height: 70px;
	background-color: black;
	text-align: center;
	line-height: 80px;
	overflow: hidden;
}
.blow-up{ 
 	cursor: pointer;  
    transition: all 1s; 
   
}  
 .rotation{
    transition: transform .50s linear;
}