@charset "utf-8";
/* CSS Document */
#demo { margin: 0px auto; border: 0px dashed #CCCCCC; width: 900px; height: 696px; overflow: hidden; }
#indemo { margin: 0px auto; width: 966px; }
#demo1 { height: auto; float: left; }
#demo2 { height: auto; float: left; }
.move { width: 255px; height: 348px; margin: 0px 67px 0px 0px; float: left; display: inline; }
.move .images { padding: 2px; border: 1px solid #ddd; line-height: 0px; }
.move .images  a { width: 249px; height: 249px; display: block; text-align:center; margin: 0px auto; }
.move .images  a img { vertical-align: middle; max-width: 249px; max-height: 249px; _width: expression((this.offsetWidth > 249) ? "249px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 249) ? "249px" : this.offsetHeight + "px" ); }
.move .images  a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.move .name { text-align: center; }
.move .name a { color: #333; font-size: 14px; line-height: 45px; text-decoration: none; width: 255px; display: block; background: #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.move .name a:hover { color: #FFF; text-decoration: none; background: #0B7844; }