﻿/*********************** 样式1 *************************/

.picChange { width: 100%; height: 550px; overflow: hidden; position: relative; margin: auto; background-color: #F4F4F2}
.picChange .picChangePicList { position: absolute; overflow: visible; }
.picChange .picChangePicList div { position: absolute; display: none; }
.picChange .picChangePicList img { display: block}
.picChange .picChangeTitle { position: absolute; background-color: #bbb; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
.picChange .picChangebtnNum { position: absolute; right: 10px; bottom: 10px; }
.picChange .picChangebtnNum span { border: 1px #FF9900 solid; font-size: 12px; padding: 0px 3px; background-color: #EE8800 ; margin: 2px; cursor: pointer; }
.picChange .picChangebtnNum span.current { background-color: #661100; cursor: pointer; color: #FFFFFF; }
.picChange .picChangebtnThumb { position: absolute; bottom: 10px; text-align: center; }
.picChange .picChangebtnThumb span { position: relative; opacity: 0.6; display: block; float: left; border: 3px  #bbb solid; width: 80px; height: 50px; margin: 5px; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 5px #000; border-radius: 2px; }
.picChange .picChangebtnThumb span.current { opacity: 1; border: 3px #FFF solid; }
.picChange .picChangebtnThumb span img { position: absolute; }



/*********************** 样式2 *************************/

.picChange1 { width: 100%; height: 550px; 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: #bbb; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
.picChange1 .picChangebtnNum { position: absolute; right: 10px; bottom: 10px; }
.picChange1 .picChangebtnNum span { border: 1px #FF9900 solid; font-size: 12px; padding: 0px 3px; background-color: #EE8800 ; margin: 2px; cursor: pointer; }
.picChange1 .picChangebtnNum span.current { background-color: #661100; cursor: pointer; color: #FFFFFF; }
.picChange1 .picChangebtnThumb { position: absolute; bottom: 10px; text-align: center; }
.picChange1 .picChangebtnThumb span { position: relative; opacity: 0.6; display: block; float: left; border: 3px  #bbb solid; width: 80px; height: 50px; margin: 5px; 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; }