@charset "utf-8";
/* CSS Document */
/**{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{background:#fff; color:#333;font-weight:500; font-family:'Microsoft Yahei';}*/


.focus{width:358px;margin:0 auto; overflow:hidden;}
.focus .left{float:right; width:200px; height:200px; position:relative;overflow:hidden; margin:10px;}
.focus .left li{position:absolute; left:0; top:0; width:200px; height:200px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li.active{z-index:2;}
.focus .left li p{display:none;}

.focus .right{float:left; width:130px;}
.focus .right li{height:44px; overflow:hidden; padding-left:10px; background-color:#000; color:#fff; font-size:14px; line-height:44px; margin-bottom:10px;cursor: pointer; border-radius:5px;}
.focus .right li:hover,.focus .right li.active{color:#fff; background-color:#00F; }
.focus .right li i{background-image:url(../images/btns.png); background-repeat:no-repeat; width:60px; height:60px; float:left; margin:15px 19px 0px 0;}
.focus .right li i.i1{background-position:0 0;}
.focus .right li i.i2{background-position:0 -60px;}
.focus .right li i.i3{background-position:0 -120px;}
.focus .right li i.i4{background-position:0 -180px;}
.focus .right li:hover i.i1,.focus .right li.active i.i1{background-position:-60px 0;}
.focus .right li:hover i.i2,.focus .right li.active i.i2{background-position:-60px -60px;}
.focus .right li:hover i.i3,.focus .right li.active i.i3{background-position:-60px -120px;}
.focus .right li:hover i.i4,.focus .right li.active i.i4{background-position:-60px -180px;}