#scrollable {
    height: 300px;
    margin: 0 auto;
    overflow: visible;
    width: 1280px;
    position: relative;
}
div.items {
    height: 300px;
    margin-left: -320px;
}
div.items .item {
    float:left;
    background:#fff;
    font-size:50px;
    width: 320px;
    color:#ccc;
    height: 400px;
    text-decoration:none;
    text-align:center;
    transition: 0.5s;
    -moz-transition: 0.5s;	/* Firefox 4 */
    -webkit-transition: 0.5s;	/* Safari 和 Chrome */
    -o-transition: 0.5s;	/* Opera */
}
div.items .item img {width: 280px; float: left;}
div.items .item .text-block {display: none;}
div.items .item.dd {width: 1280px; position: relative}
div.items .item.dd .text-block {display: inline; font-size: 16px; text-align: left;}
div.items .item.dd img {width: 320px; margin:0px 100px 0px 15%}
div.items .item.dd .in{ font-size: 50px; padding-top: 40px; color: #363636;}
div.items .item.dd .cate{ height: 50px;}
div.items .item.dd .intro{ height: 75px; overflow: hidden; line-height: 25px; padding-bottom: 20px;}
a.prev, a.next {
    display:block;
    width:15px;
    height:18px;
    margin:22px 0 0 0;
    cursor:pointer;
    left: 18px;
    font-size: 30px;
    top: 50%;
    margin-top:-15px;
    position: absolute;
    text-decoration: none;
    color: #b8b8b8;
}
a.prev {width: 30px; height: 30px;}
a.next {
    left:auto;
    right:18px;
}
a.prev:hover {
    background-position:0 -18px;
}
a.next:hover {
    background-position:0 -18px;
}