﻿@charset "utf-8";

/*yx_rotaion*/
.yx-rotaion{margin:0 auto; width:100%; overflow:hidden}
.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:66px;line-height:24x;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:18px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:30px; width:90%; height:42px;}
.yx-rotation-t a{ color:#FFFFFF;line-height:30px; font-size:18px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:30px;line-height:30px;right:20px;bottom:4px;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:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;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{width:0;height:0;overflow:hidden;}
.rotaion_list li{height:488px; width:100%;overflow:hidden; }
.rotaion_list li img{ width:792px;  height:488px;vertical-align:middle;  }

@media only screen and (max-width: 1000px) {
.yx-rotaion{margin:0 auto; width:100%;}
.yx-rotation-t{color:#fff;font-size:14px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:70%}
.rotaion_list li{height:auto; width:auto;overflow:hidden; }
.rotaion_list li img{ width:100%;  height:auto;vertical-align:middle;  }
}