@charset "gb2312";

/*½Ή΅γΝΌ*/
.focus{
	position: relative;
	width: 439px;
	height: 280px;
	background-color: #000;
}  
.focus img{
	width: 439px;
	height: 280px;
} 
.focus .shadow{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 10;
	height: 40px;
	line-height: 40px;
	background: rgba(0,0,0,0.6);


filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  				display: block;
	text-align: left;
}  
.focus .shadow a{
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	margin-left: 20px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
}  
.focus .fcon img{ display:block; }  
.focus .fbg{
	bottom: 18px;
	right: 10px;
	position: absolute;
	height: 10px;
	text-align: center;
	z-index: 200;
}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  
/*½Ή΅γΝΌ2*/
.container{width: 439px; height: 300px; border:1px solid #d0d0d0; }
.img{
	width: 456px;
	height: 306px;
	overflow: hidden;
	position: relative;
}
.bg{width: auto; height: 20px; z-index: 99; position: absolute; left: 15px; bottom: 15px;}
.bg_in{width: 200px; height: 20px; position: relative;}
.bg_in li{width: 20px; height: 20px; line-height: 20px; border-radius: 20px; background: #ffffff; opacity: 0.5; text-align: center; color: #333333; float: left; margin-right: 10px; position: relative; z-index: 999;}
.bg_in #lp{position: absolute; left: 0px; top: 0; background: #ff3c00; opacity: 1; z-index: 998; animation: myfirstArr 22.5s infinite; -webkit-animation: myfirstArr 22.5s infinite; -moz-animation: myfirstArr 22.5s infinite; -o-animation: myfirstArr 22.5s infinite;}

.nav{
	width: 4000px;
	height: 310px;
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 9;
	animation: myfirst 22.5s infinite;
	-webkit-animation: myfirst 22.5s infinite;



-0-animation: myfirst 22.5s infinite; 				-moz-animation: myfirst 22.5s infinite;
}
.nav li{float: left;}
.nav li img{width: 100%; height: 100%;}
@keyframes myfirst 
{
0%   {left: 0px;}
18%   {left: 0px;}
20%   {left: -800px;}
38%   {left: -800px;}
40%   {left: -1600px;}
58%   {left: -1600px;}
60%   {left: -2400px;}
78%   {left: -2400px;}
80%   {left: -3200px;}
98%   {left: -3200px;}
100%   {left: -0px;}
}

@-o-keyframes myfirst 
{
0%   {left: 0px;}
18%   {left: 0px;}
20%   {left: -800px;}
38%   {left: -800px;}
40%   {left: -1600px;}
58%   {left: -1600px;}
60%   {left: -2400px;}
78%   {left: -2400px;}
80%   {left: -3200px;}
98%   {left: -3200px;}
100%   {left: -0px;}
}

@-moz-keyframes myfirst 
{
0%   {left: 0px;}
18%   {left: 0px;}
20%   {left: -800px;}
38%   {left: -800px;}
40%   {left: -1600px;}
58%   {left: -1600px;}
60%   {left: -2400px;}
78%   {left: -2400px;}
80%   {left: -3200px;}
98%   {left: -3200px;}
100%   {left: -0px;}
}

@-webkit-keyframes myfirst
{
0%   {left: 0px;}
18%   {left: 0px;}
20%   {left: -800px;}
38%   {left: -800px;}
40%   {left: -1600px;}
58%   {left: -1600px;}
60%   {left: -2400px;}
78%   {left: -2400px;}
80%   {left: -3200px;}
98%   {left: -3200px;}
100%   {left: -0px;}
}

@keyframes myfirstArr
{
0%   {left: 0px;}

19%   {left: 0px;}
20%   {left: 30px;}

39%   {left: 30px;}
40%   {left: 60px;}
59%   {left: 60px;}
60%   {left: 90px;}
79%   {left: 90px;}
80%   {left: 120px;}
99%   {left: 120px;}
100%   {left: 0px;}
}


@-webkit-keyframes myfirstArr
{
0%   {left: 0px;}

19%   {left: 0px;}
20%   {left: 30px;}

39%   {left: 30px;}
40%   {left: 60px;}
59%   {left: 60px;}
60%   {left: 90px;}
79%   {left: 90px;}
80%   {left: 120px;}
99%   {left: 120px;}
100%   {left: 0px;}
}

@-moz-keyframes myfirstArr
{
0%   {left: 0px;}

19%   {left: 0px;}
20%   {left: 30px;}

39%   {left: 30px;}
40%   {left: 60px;}
59%   {left: 60px;}
60%   {left: 90px;}
79%   {left: 90px;}
80%   {left: 120px;}
99%   {left: 120px;}
100%   {left: 0px;}
}