#Wrap{position:relative;width:100%;}


/*----projects----*/
/*- 控制默认图片显示的方位 padding:120px 0 50px 0 这个margin外边距，padding是内边距 120 0 50 0 ---*/
/*- 对于控制图片的显示方位 具体我也讲不清楚 反正调节 
dl.project{margin:0 0 0 -2.6em;padding:50px 0 40px 0;width:60px;float:left;position:relative;display:inline;}
.project dt,
.project dd{margin:-43px 0 0 0 ;padding:53px 0 0 0 ;}
  这两个样式的 margin 和 padding 元素
---*/
dl.project{margin:0 0 0 0em;padding:0px 0 90px 0;width:100px;float:left;position:relative;display:inline;}
.project dt,
.project dd{margin:0;padding:0;}

/*- 控制dt 字体大小---*/
.project dt{font-size:2em;letter-spacing:-0.05em;color:#070707;}
dd.projectUrl a:hover{background:#000;color:#fff;}
/*- 控制dd标记显示在dt上还是dt下 设置背景图片---*/
dd.projectImg{position:absolute;top:0;left:0;background:url(../images/bg_cargando.gif) no-repeat center center;height:90px;}
/*- 控制a标记的高 宽 背景颜色 设置背景图片---*/
.projectImg a{display:block;width:100px;height:75px;background:#E8E8E7;padding:0;}
.projectImg a.preview span {width:0;height:0;margin:0 auto;overflow:hidden;text-align:center;}
/*- 控制图片默认显示的部位，大小 具体得计算---*/
.projectImg a.preview img{width:100px;height:75px;border:0;}
/*- 控制图片周围显示的样式..以及点缀 具体需要则修改---*/
.projectImg a.preview, .projectImg a.preview:visited {display:block;text-decoration:none;margin:5px 8px 5px 0;text-align:left;cursor:default;border:5px solid #E8E8E7;position:relative;z-index:3;}
/*slides*/

.projectImg a.preview:hover {border:5px solid #CBF3EE;}
.projectImg a.preview:hover span img{border:5px solid #CBF3EE;}
.projectImg a.preview:hover img {width:280px;height:275px;position:absolute;bottom:-5px;left:-5px;color:#3C3C3C;text-align:center;background:none;}