*{
    padding: 0;margin: 0;
}
html,body{
    font-family:"Microsoft YaHei",sans-serif;color: #333;font-size: 14px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;color: #666;
}

/**************/
.box{
    width: 500px;height: 867px; position: absolute; left:250px;
}
.all{
    width: 500px;height: auto;overflow: hidden;
}
.top-img{
    width: 500px;height: auto;font-size: 0;position: relative;
}
.activeimg{
    overflow: hidden;height: 867px;position: relative;
}
.top-img .activeimg img{
    width: 500px;height: 867px;
}
 .left{
	width: 100px;
	height: 100px;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0px;
	top: 217px;
	text-align: center;
	line-height: 300px;
	cursor: pointer;
}
 .right{
	width: 100px;
	height: 100px;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 800px;
	top: 217px;
	text-align: center;
	line-height: 300px;
	cursor: pointer;
}
.top-img .talk{
	width: 181px;
	height: 43px;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 379px;
	top: 412px;
	text-align: center;
	line-height: 300px;
	cursor: pointer;
}
.top-img .left:hover,.top-img .right:hover{
    background: none;
}

.bot-img{
    height: 90px;width: 500px;margin-top: 15px
}
.bot-img ul{
    width: 100%;height: 100px;
}
.bot-img ul li{
    width: 90px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 1px solid #ff6600;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}