﻿.case-wrap {
    width: 100%;
    position: relative;
    float: right;
    left: 0;
    bottom: -325px;
}

.case-wrap .case-left {
    width: 46%;
    float: left;
}

.case-wrap .case-right {
    width: 54%;
    float: right;
}

.case-left > ul > li {
    float: left;
    width: 260px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #eee;
}

.case-left > ul > li > a {
    display: block;
    overflow: hidden;
}

.case-left .img-wrap {
    width: 125px;
    height: 100px;
    float: left;
}

.case-left .img-wrap > img {
    width: 100%;
    height: 100px;
}

.case-left .case-txt {
    float: left;
    padding: 4px;
    margin-left: 13px;
}

.case-left .case-txt > h3 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
}

.case-left .case-txt > h5 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}

.case-left > ul > li:hover {
    background: #4698ed;
    color: #fff;
}

.case-left > ul > li:hover h3,
.case-left > ul > li:hover h5 {
    color: #fff;
}

.case-detail {
    position: absolute;
    width: 100%;
    height: 120px;
    background: #000;
    bottom: -20px;
}

/* css ���� */
body,div,ul,li { padding: 0; margin: 0; }
ul { list-style: none ; }
img { border: none; }
a { blr: expression(this.onFocus=this.blur()); outline: none; }

/*����css*/
.fff { width: 555px; height:445px; margin:0px auto; position: relative; overflow:hidden; margin-bottom: 15px; background-color:#f1f1f1}
.ye{ line-height:30px; font-size:13px;}

/*���ְ�ť��ʽ*/
.fff .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; right:0px; zoom:1; z-index:3; top:320px;}
.fff .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "΢���ź�", Arial; color: #FFFFFF; background: #0567b8; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.fff .num li.on { background: #FF7700; } /*��ǰ��*/

/*��һ��  ��һ��*/
.fff .prev,
.fff .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px;}
.fff .prev { left: 0; }
.fff .next { right: 0; background-position: right }
