@charset "utf-8"; 
#abgne-block{width:700px; height:300px; padding:6px 10px; position:relative; border:0px solid #ccc}
#abgne-block ul, #abgne-block li{margin:0; padding:0; list-style:none}
#abgne-block img{border:none}
#abgne-block .photo{width:600px; height:300px; position:absolute}
#abgne-block .desc-block{position:absolute; bottom:0; left:0; width:450px; height:32px}
#abgne-block .desc-bg, #abgne-block .desc-title{position:absolute; width:580px; background:#000; top:0; height:24px; padding:4px 10px}
#abgne-block .desc-title{color:#fff; background:none; line-height:24px}
#abgne-block #playPause-btn{position:absolute; display:block; right:5px; bottom:5px; width:21px; height:21px; width:21px; height:21px; text-indent:-999px}
#abgne-block .playPause-btn-play{background:url(http://viablog.okmall.tw/images/sprite.png) no-repeat -21px 0px}
#abgne-block .playPause-btn-pause{background:url(http://viablog.okmall.tw/images/sprite.png) no-repeat 0px 0px}
#abgne-block .thumbs{width:94px; height:288px; padding-top:12px; right:10px; position:absolute}
#abgne-block .carousel{height:280px; position:relative; overflow:hidden}
#abgne-block .carousel .nav-bar{float:left; width:2px; height:63px; margin-right:2px}
#abgne-block .carousel img{float:left; width:90px; height:63px}
#abgne-block .carousel ul{position:absolute}
#abgne-block .carousel li{width:94px; height:72px}
#abgne-block .carousel .current .nav-bar{background:#007acc}
#abgne-block .thumbs .prev, #abgne-block .thumbs .next{position:absolute; left:43px; width:12px; height:0px; padding-top:6px; overflow:hidden; display:block; cursor:pointer; background:url(http://viablog.okmall.tw/images/sprite.png) no-repeat 0 0}
#abgne-block .thumbs .prev{top:0px; background-position:0 -21px}
#abgne-block .thumbs .next{bottom:-2px; background-position:0 -27px}