@charset "utf-8";

img{border:0;}


#newspic .yx-rotaion{margin:0 auto;    position: relative;width:1000px;height:480px;}

.newspic .yx-rotaion{
    width: 680px;
    height: 400px;
    margin:0 auto;  
   position: relative
}



.yx-rotaion2{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute;}
.yx-rotation-title{position:absolute;width:100%;height:36px;line-height:36px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1;}
.yx-rotation-t{
	color: #fff;
	font-size: 14px;
	z-index: 2;
	bottom: 0;
	left: 10px;
	line-height: 36px;
	text-decoration: none;
	font-weight: bold;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(img/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:36px;line-height:36px;right:20px;bottom:0;z-index:2;}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px;}
.yx-rotaion-btn{width:100%;height:42px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:42px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative;}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px;}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px;}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.yx-rotation-focus span.hover{background-position:-10px -126px;}
.rotaion_list{    overflow: hidden;
    margin: 0 auto;
    padding: 0;}


.rotaion_list{position: relative;}
.rotaion_list .text{
background: rgba(0,0,0,0.4);
    width: 100%;
    bottom: 3px;
    left: 0px;
    height: 32px;
    position: absolute;
    line-height: 32px;
    color: #fff;
    padding-left: 5px;
    margin: 0;
}

.rotaion_list .text p{
width:calc(100% - 110px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
}
.yx-rotaion .hd{    
    position: absolute;
    right: 25px;
    bottom: -12px;
    height: 32px;
    padding: 0;
    margin: 0;
}
.yx-rotaion .hd li{width: 7px;height:7px;line-height: 12px;float: left;background: #c1c1c1;border-radius: 50%;margin-left: 9px;}
.yx-rotaion .hd li.on{background: #aecff2;width: 10px;height: 10px;transform: translateY(-2px);}

.yx-rotaion li::marker{
    display: none !important;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
content:'';
}

.yx-rotaion .hd li{  
cursor: pointer;

}