@charset "utf-8";


/* sildes css begin */

.control{width:625px;height:295px;background:#282828; display:block; position:absolute; top:0;left:0; overflow:hidden;}

.change li {width:625px;overflow:hidden;text-align:center}
/* 图片垂直居中,不是很准确 */

.change li .imgWrap {display:table-cell;width:625px;height:295px;vertical-align:middle;cursor:pointer;*font-size:500px;}

.change li img {
    max-width:625px;
    max-height:295px;
    width:expression(this.width > 757 && this.width > this.height ? 600:true);
    height:expression(this.height >757 ? 600:true);
    vertical-align:middle;
    overflow:hidden
}
/* 描述部分 */

.change li .textDesc {
    width:100%;
    height:65px;
    position:absolute;
    left:0;
    bottom:4px;
    text-align:left;
    overflow:hidden;
	display:none
}

.change li .opacity {
    width:100%;
    height:70px;
    position:absolute;
    left:0;
    bottom:0;
    background:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
	display:none
}

.change li .title {
    padding:10px 15px 0;
    color:#e6e6e6;
    font-size:28px;
    line-height:50px;
	 font-weight:bold
}

.change li .title a {
    color:#e6e6e6;
}
/*.change li .text{color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}*/
/* 翻页按钮 */

.ssprev,
.ssnext {
    width:49px;
    height:49px;
    position:absolute;
	top:50%;
	margin-top:-25px;
    color:#FFF;
    font-size:14px;
    z-index:9;
    font-weight:bold;
    cursor:pointer;
    outline:none;
	display:none;
}

.ssprev span,
.ssnext span {
    display:none;
}
.ssprev {
    left:0;
    background:rgba(0,0,0,0.5) url(../images/left.png) no-repeat center center;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/left.png");
    _background:none
}
.ssnext {
    right:0;
    background:rgba(0,0,0,0.5) url(../images/right.png) no-repeat center center;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/right.png");
    _background:none
}
/* 分页 */
.pageClass {
    text-align:center;
    z-index:9;
    position:absolute;
    top:50px;
    padding-top:10px;
}
.pageClass a {
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 3px;
    overflow:hidden;
    border:1px solid #bebebe;
    background:#bebebe;
    border-radius:5px;
    outline:none
}
.pageClass a span {
    display:none
}
.pageClass a:hover,
.pageClass a.cur {
    border:1px solid #be230a;
    background:#be230a
}
/* 缩图部分 */

.thumbWrap {
    width:200px;
    height:295px;
    position:absolute;
    right:0;
    top:0;
    overflow:hidden;
}

.thumbWrap .thumbCont {
    height:295px;
    overflow:hidden;
    position:relative;
}
.thumbWrap ul li {
    height:101px;
    overflow:hidden;
    text-align:center;
}
.thumbWrap ul li div {
    display:table-cell;
    width:200px;
    height:94px;
    vertical-align:middle;
    cursor:pointer;
    *font-size:79px;
}
.thumbWrap ul li img {
    max-width:200px;
    max-height:94px;
    width:expression(this.width > 127 && this.width > this.height ? 127:true);
    height:expression(this.height >89 ? 89:true);
    vertical-align:middle;
    overflow:hidden
}
.thumbWrap ul li.cur {}
/* 缩图按钮 */
.thumbPrev,
.thumbNext {
    width:100%;
    height:95px;
    text-align:center;
    position:absolute;
    color:#000;
    z-index:9;
    outline:none
}
.thumbPrev span,
.thumbNext span {
    display:none;
}
.thumbPrev{
    left:0;
    top:0;
    background:rgba(0,0,0,0.73) url(../images/topa.png) no-repeat center center;
}
.thumbNext {
    left:0;
    bottom:0;
    background:rgba(0,0,0,0.73) url(../images/bottoma.png) no-repeat center center;
}

.thumbPrev:hover{
    background:rgba(0,0,0,0.73) url(../images/topa.png) no-repeat center center;
}
.thumbNext:hover{
    background:rgba(0,0,0,0.73) url(../images/bottoma.png) no-repeat center center;
}

@media screen and (max-width:750px){
	.control{width:350px; height:165px; margin:0 auto}
	.thumbWrap{display:none !important}
	.change li{width:350px}
	.change li .imgWrap{width:100%; height:auto;}
	.change li img{width:100%;}
	.ssprev,.ssnext{ display:block}
}
@media screen and (max-width:370px){
	.control{width:300px; height:141px; margin:0 auto}
	.change li{width:300px}
}