﻿li { list-style: none; }
img { border: 0; }
._con { overflow: hidden; margin: 10px auto; width: 544px; height: 100%; padding: 2px 0px 2px 3px; border: solid 1px #dddddd; background-color: #ffffff; }
#carousel_container { position: relative; height: 80px; overflow: hidden; top: 0px; left: 0px; }
    #carousel_container ul { margin: 0px; padding: 0px; list-style: none; }
#carousel_inner { width: 520px; height: 80px; overflow: hidden; position: absolute; left: 12px; top: 4px; }
#left_scroll { position: absolute; width:9px; height:80px; left: 0; top: 0; cursor: pointer; cursor: pointer; background: url(../images/left_arrow.png) no-repeat;  background-size:100% 100%}
#right_scroll { position: absolute; right:3px; width: 9px; height: 80px; cursor: pointer; cursor: pointer; background: url(../images/right_arrow.png) no-repeat; background-size:100% 100%}
#carousel_ul { width: 9999px; height: 70px; position: relative; }
    #carousel_ul li { float: left; width: 70px; height: 70px; vertical-align: middle; margin-right: 10px;text-align: center; }
        #carousel_ul li a { display: block; border: solid 2px #eaeaea; width: 70px; height: 70px; }
            #carousel_ul li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
            #carousel_ul li a:hover { border: solid 2px #f60; }
        #carousel_ul li img { vertical-align: middle; max-width: 70px; max-height: 70px; _width: expression((this.offsetWidth > 70) ? "70px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 70) ? "70px" : this.offsetHeight + "px" ); }