/* =============================================================================
   Home
   ========================================================================== */
.home h1 { color: #2A94be; font-size: 18px; font-weight: 100; line-height: 20px; }
.home h2 { font-size: 16px; font-weight: 100; line-height: 18px; margin: 0; }

#highlights h1 { margin: 10px 0 0; }
#highlights .box { height: 640px; position: relative; width: 100%; }
#highlights .content { height: 100%; overflow: hidden; position: relative; width: 100%; white-space: nowrap; }
#highlights .lists { display: block; position: absolute; }
#highlights .item { float: left; width: 370px; }
#highlights .item li { border-bottom: 1px solid #ddd; float: left; margin-top: 20px; width: 100%; }
#highlights .item img { border-right: 1px solid #ccc; float: left; height: 75px; margin-right: 2px; padding: 0 10px 10px 0; width: 105px; }
#highlights .item div { float: left; height: 63px; padding: 10px; width: 232px; white-space: normal; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#highlights .item h2 { font-size: 13px; height: 58px; line-height: 18px; overflow: hidden; }
#highlights .item a:hover { color: #fff; text-decoration: none; }
#highlights .item a:hover div { background: rgb(42,148,190); background: rgba(42,148,190,0.8); }
#highlights .pagination { float: left; font-size: 14px; line-height: 16px; margin-top: 20px; text-align: center; width: 100%; }
#highlights .sprite { display: inline-block; height: 20px; width: 42px; }
#highlights .prev { background-position: -50px 0 }
#highlights .next { background-position: -100px 0 }
#highlights .page { display: inline-block; margin: 0 20px; width: 100px; }
#highlights .inactive { cursor: default; opacity: 0.5; filter: alpha(opacity=50); zoom: 1; }

#slider { background: #ddd; height: 300px; margin-top: 40px; position: relative; width: 100%; }
#slider .content { height: 100%; overflow: hidden; position: relative; width: 100%; white-space: nowrap; }
#slider ol { display: block; position: absolute; }
#slider ol li { float: left; }
#slider .sprite { height: 31px; overflow: hidden; position: absolute; text-indent: -9999px; top: 130px; width: 31px; }
#slider .prev { background-position: -180px 0; left: 5px; }
#slider .next { background-position: -212px 0; right: 5px; }

/* =============================================================================
   Home - Product
   ========================================================================== */
.product h1 { margin: 40px 0 20px; }
.product li { float: left; padding: 10px 0 20px 10px; width: 264px; }
.product img { float: left; height: 54px; margin: -10px 10px 0 0; width: 54px; }
.product p { color: #fff; float: left; font-size: 13px; height: 46px; line-height: 15px; margin-top: 2px; overflow: hidden; width: 200px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.product a:hover p { color: #666; text-decoration: none; }