@charset "UTF-8";
/* CSS Document */
#recommend{
	border: 1px solid #808080;
	margin-bottom:10px;
	
}
#recommend .title{
	background-color:#808080;
	font-weight:bold;
	font-size:20px;
	padding-left:10px;
}
#recommend .title a{
	color:#FFFFFF;
}
#recommend .title a:hover{
	opacity:0.5;
}

#recommend #banner {
	float:left;
	width:30%;
}
#recommend #banner img{
	border: 1px solid #808080;
}
#recommend .top{
	padding:3px;
}
#recommend #table{
	float:right;
	width:65%;
}
#recommend #table table{
	width:100%;
	text-align:center;
	font-size:12px;
}
#recommend #table table th{
	background-color:#2E7DCC;
	text-align:center;
	font-weight:normal;
	color:#FFF;
	
}
#recommend .bottom{
	padding:3px;
}
#recommend .bottom .button .left{
	width:143px;
	height:34px;
	float:left;
	background-image:url(../img/recommend_apply.png);
	position:relative;
	overflow:hidden;
	z-index:2;
}
#recommend .bottom .button .left:hover{
	opacity:0.5;
}
#recommend .bottom .button .left:before {
    display: block;
    position: absolute;
    z-index: -1;
    left: -30%;
    top: -50%;
    content: "";
    width: 30px;
    height: 100px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
    animation: shiny 3s infinite linear;
    -webkit-animation: shiny 3s infinite linear;
    -moz-animation: shiny 3s infinite linear;
}
#recommend .bottom .button .right{
	width:143px;
	height:34px;
	float:right;
	background-image:url(../img/recommend_detail.png);
}
#recommend .bottom .button .right:hover{
	opacity:0.5;
}