.thumbScroller{width:100%;height:135px;float:left;}
.boxContainer{width:89%; height:135px; position:relative; overflow:hidden; margin:0 auto;}
.box{float:left; width:143px; height:93px; margin:0 0px 0 0; position:absolute; text-align:center;}
#box_plate{width:8540px; height:93px; position:relative; top:0px; left:px;}
#arrows{ width:100%; position:relative; /*margin:20px auto;*/}
#arrows img{cursor:pointer;}
#arr1{left:0; top:-122px; position:absolute}
#arr2{right:0px; top:-122px; position:absolute; }
.box:hover .popup1{display:block;max-width:130px;line-height:18px;background: url(../images/arrow-top.png) center top no-repeat;padding-top:7px;left:6px;top:95px;position:absolute;}
.popup1{display:none;width:200px;line-height:18px;background: url(../images/arrow-top.png) center top no-repeat;padding-top:7px;position:absolute;}
.popup_content1{background:#000000;color:#ffffff;font-size:13px;padding:7px;text-align:center;}
.componentDiv
{
position:relative;
width:989px;
height:377px;
background:#CCCCCC;
}

.piccontainer
{
position:absolute;
width:989px;
height:377px;
/*background:#CCCCCC;*/
overflow:hidden;
top:0px;
left:0px;

}

.plate
{
position:absolute;
top:0px;
left:0px;
width:989px;
height:377px;
}

.plate img
{
width:989px;
height:377px;

}

.arrowRight
{
position:absolute;
top:100px;
left:683px;
cursor:pointer;

}

.arrowLeft
{
position:absolute;
top:100px;
left:-43px;
cursor:pointer;
}

.dot{


}

.description
{
height:56px;
background:url(bg.png);
width:673px;
padding:5px;
position:absolute;
left:0px;
bottom:0px;
font-family:Arial;
font-size:13px;
color:#CCCCCC;
}

.description div
{
width:550px;

}

.dotcontainer
{
position:absolute;
left:10px;
bottom:20px; 
}

.dotcontainer ul
{
margin:0px;
list-style-type:none;
float:left 
}

.dotcontainer ul li
{
float:left;
margin-right:5px;
cursor:pointer;
}