@charset "utf-8";
/* CSS Document */
.focus{ width:400px; height:266px; position:relative; overflow:hidden;}
/*大图切换*/
.yx-rotaion { width: 100%; height: 266px; overflow: hidden; background-color:#fefefe; }
.yx-rotaion-btn,
.yx-rotaion-title,
.yx-rotation-focus,
.yx-rotation-t,
.yx-rotaion-btn { position: absolute }
.yx-rotation-t { font-size: 14px; font-family: microsoft yahei; z-index: 2; bottom: 0px; width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#FFF; text-indent:1em; background:rgba(0, 0, 0, 0.6); height:32px; line-height:32px;}
.yx-rotaion-btn .left_btn{background:url(../images/foleft.png) no-repeat center center;}
.yx-rotaion-btn .right_btn{background:url(../images/foright.png) no-repeat center center;}
.yx-rotation-focus { height: 25px; line-height: 25px; right: 10px; bottom: 10px; z-index: 2 }
.yx-rotation-focus span { background:url(../images/focus-gdots.png) no-repeat; width: 12px; height: 12px; line-height: 12px; float: left; margin-left: 5px; position: relative; top: 14px; cursor: pointer; text-indent: -9999px }
.yx-rotaion-btn {  height: 41px; top: 35%; }
.yx-rotaion-btn span { width: 41px; height: 41px; cursor: pointer; filter: alpha(opacity=30); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; position: relative }
.yx-rotaion-btn .left_btn {  float: left; left: 10px }
.yx-rotaion-btn .right_btn {  float: right; right: -305px }
.yx-rotaion-btn span.hover { filter: alpha(opacity=80); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.yx-rotation-focus span.hover { background:url(../images/focus-ydots.png) no-repeat; }
.detail {position:absolute; bottom:16px; text-indent:2em; width:370px; height:60px; padding:0 15px;}
.detail span{color:#aba8a8; }