@charset "utf-8";
/*==============================
	Title: Olay  
	Updated:   
	Content:  scrollable skin

    * Filename: jquery.scrollable.skin.prodview.css
    * Version: 1.0.0 (2008-11-12) YYYY-MM-DD
    * Website: http://www.olay.com.cn
    * Author: Ray Huang (Ray.Huang@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/

.scrollable { width:970px; height:168px; overflow:hidden;}
div.items { height:168px; margin:0 0 0 3px; float:left; width:930px !important; }
div.items a { width:140px; height:168px; display:block; float:left; margin:0 15px 0 0; text-decoration:none; text-align:center; cursor:pointer; }
div.items a:hover { color:#7d7d7d; text-decoration:none; }
div.items a.active { cursor:default; }
div.items a span { line-height:30px; color:#606060; font-weight:bold;}
div.items a.active span { color:#c46346;}
div.items a:hover span { color:#7d7d7d;}
a.prev, a.next { display:block; width:15px; height:24px; float:left; text-indent:-1000em; background-repeat:no-repeat; margin:62px 0 0 0; cursor:pointer; }
a.prev { background:url(../img/btn-prev-arrow.gif); }
a.prev:hover { background:url(../img/btn-prev-arrow.gif); }
a.next { background:url(../img/btn-next-arrow.gif); }
a.next:hover { background:url(../img/btn-next-arrow.gif); }
/*
div.navi { position:relative; top:-30px; left:310px; margin-left:-50px; width:50px; height:0px; }
div.navi span { width:8px; height:8px; float:left; margin:3px; background:url(../img/dots.png) 0 0 no-repeat; cursor:pointer; }
* html div.navi span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/img/dots.png') background:none !important;}
div.navi span:hover { background-position:0 -8px; }
div.navi span.active { background-position:0 -16px; }
*/