﻿/*********************** 样式1 *************************/

.picChange1 { width: 100%; height: 500px; overflow: hidden; position: relative; margin: auto; background-color: #F4F4F2}
/*轮换图*/
.picChange1 .picChangePicList { position: absolute; overflow: visible; }
.picChange1 .picChangePicList div { position: absolute; display: none; }
.picChange1 .picChangePicList img { display: block}
/*标题*/
.picChange1 .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
/*缩略图按钮*/
.picChange1 .picChangebtnThumb { position: absolute; bottom: 100px; text-align: center; }
.picChange1 .picChangebtnThumb span { position: relative; opacity: 0.6; display: block; float: left; border: 3px white solid; width: 170px; height: 100px; margin: 20px; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 5px #000; border-radius: 2px; }
.picChange1 .picChangebtnThumb span.current { opacity: 1; border: 3px #FFF solid; }
.picChange1 .picChangebtnThumb span img { position: absolute; }
/*箭头按钮*/
.picChange1 span[class*="arrow"]{display:block; width:50px; height:80px; position: absolute; top:400px; z-index:99; background-color: black; opacity: 0.3; cursor: pointer; color:white; font-family: "宋体"; font-size: 70px; text-align: center;}
.picChange1 span[class*="arrow"]:hover{opacity: 0.7;}
.picChange1 span.arrowLeft{ left:10px; }
.picChange1 span.arrowRight{ right:10px; }


/*********************** 样式1 *************************/

.picChange2 { width: 100%; height: 600px; overflow: hidden; position: relative; margin: auto; background-color: #F4F4F2}
/*轮换图*/
.picChange2 .picChangePicList { position: absolute; overflow: visible; }
.picChange2 .picChangePicList div { position: absolute; display: none; }
.picChange2 .picChangePicList img { display: block}
/*标题*/
.picChange2 .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
/*缩略图按钮*/
.picChange2 .picChangebtnThumb { position: absolute; bottom: 20px; text-align: center; }
.picChange2 .picChangebtnThumb span { position: relative; opacity: 0.6; display: block; float: left; border: 3px white solid; width: 100px; height: 60px; margin: 20px; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 5px #000; border-radius: 2px; }
.picChange2 .picChangebtnThumb span.current { opacity: 1; border: 3px #FFF solid; }
.picChange2 .picChangebtnThumb span img { position: absolute; }
/*箭头按钮*/
.picChange2 span[class*="arrow"]{display:block; width:50px; height:80px; position: absolute; top:400px; z-index:99; background-color: black; opacity: 0.3; cursor: pointer; color:white; font-family: "宋体"; font-size: 70px; text-align: center;}
.picChange2 span[class*="arrow"]:hover{opacity: 0.7;}
.picChange2 span.arrowLeft{ left:10px; }
.picChange2 span.arrowRight{ right:10px; }
