@charset "utf-8";


.l{ float:left;}
.r{ float:right;}
.rel{ position:relative;}
.abs{ position:absolute;}

/*width*/
.w960{ width:822px; margin:25px auto 0;}

a.left,a.right,a.left-hover,a.right-hover{ display:block; width:19px; height:34px; cursor:pointer; position:absolute; top:80px;}
a.left{ background:url(../images/back_17.jpg); left:0px;}
a.right{ background:url(../images/back_20.jpg); right:0px;}
a.left-hover{ background:url(../images/back_17.jpg); left:0px;}
a.right-hover{ background:url(../images/back_20.jpg); right:0px;}
.scrcont{ width: 10000000px;   position:relative;}
.contcont{width:770px; height:210px; overflow:hidden; margin-left:25px; position:relative;}
.itemlist{float:left;  position:relative;}
.itemlist li{ float:left; margin:0 5px; width:184px; height:210px; overflow:hidden; position:relative; background:#1d1d1d;}
.itemlist li img{display:block; width:184px; height:119px;}
.itemlist li div{overflow:hidden; padding:8px;}
.itemlist li h4{ font-size:13px; color:#fff; font-weight:normal;}
.itemlist li a{color:#fff;}
.itemlist li a:hover{color:#f30011;}
.itemlist li p{ line-height:18px; color:#c0c0c0; padding:4px 0; font-size:12px; height:54px; overflow:hidden;}
@media(max-width:960px)
{
.w960{ display:none} 
.contcont{ display:none}
}
/*
.itemlist li span{ display:block; position:absolute; left:0; bottom:0; width:204px; height:26px; line-height:26px; color:#fff; text-align:center; background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#80000000",endColorstr = "#80000000");}
.itemlist li span:hover{background: rgba(18,119, 207, 0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#80000000",endColorstr = "#80000000");}
*/