#banner{width:990px; height:400px; position:relative;  margin:0 auto; line-height:1; overflow:hidden}
.slidershadow{margin:2px auto 0px; width:990px;}
.box1{float:left; clear:both;background:url('../images/transparent_black.png'); color:#fff; height:50px;width:25%;position:absolute; bottom:0px; border-right:1px solid #ffffff; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:border-box; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; z-index:10}

.box2{float:left; clear:both;background:url('../images/transparent_black.png');  color:#fff; height:50px;width:25%;position:absolute; bottom:0px; border-right:1px solid #ffffff; border-left:1px solid #ffffff; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; left:25%; z-index:10}

.box3{float:left; clear:both;background:url('../images/transparent_black.png'); color:#fff; height:50px;width:25%;position:absolute; bottom:0px; border-right:1px solid #ffffff; border-left:1px solid #ffffff; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box;  padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; left:50%; z-index:10}

.box4{float:left; clear:both;background:url('../images/transparent_black.png'); color:#fff; height:50px;width:25%;position:absolute; bottom:0px; border-left:1px solid #ffffff; -moz-box-sizing:    border-box;   -webkit-box-sizing: border-box;    box-sizing:        border-box; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; left:75%; z-index:10}


.title{text-align:right; float:right; text-align:right; width:100%; opacity:1; cursor:pointer;}

.image{text-align:right; float:right; text-align:right; width:300px; border:1px solid #fff; width:auto; height:auto; margin: 20px 0; opacity:1; display:none}
#banner .image img{
 height: auto;
 max-width: 100%;
}

.description{text-align:right; float:right; text-align:right; width:300px;margin: 0 0 20px 0; opacity:1; font-size:12px; display:none}

.more{ text-align:right; float:right; text-align:right; width:300px; opacity:1; background:url("../images/arrow.png") no-repeat scroll right 0 transparent; padding-right:18px; font-size:11px; height:20px; line-height:17px; display:none}

.more a{ color:#fff; text-decoration:none; }

.more:hover{ background:url("../images/arrow_o.png") no-repeat scroll right 0 transparent; }

.image img{opacity:1;}

.slidershadow img {vertical-align:top; width:100%}