*{ margin:0px; padding:0px;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }


.focus {
width: 820px; 
height: 462px; 
overflow: hidden;
margin:40px;
}

.bd {
display: inline;
position: relative;
float: right;
width: 687px;
height: 462px;
overflow: hidden; 
}

.bd li {
width: 687px;
height: 462px;
overflow: hidden;
}

.bd img {
width: 687px;
height: 450px;
}

.hd {
display: inline;
float: left; 
width: 120px;
}

.hd li {
width: 120px;
height: 85px;
margin-bottom: 5px;
cursor: pointer;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}

.hd img {
width: 120px;
height: 85px; 
}

.hd .on { 
opacity: 1; 
-moz-opacity: 1;
filter: alpha(opacity=100);
}