﻿
#full-screen-slider { width:100%; height:540px; float:left; position:relative}
#slides { display:block; width:100%; height:540px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:500px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}


/* marqueeleft */
.marqueeleft{height:173px;width:828px;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0px;display:inline;width:205px;height:173px;overflow:hidden; position:relative;}
.marqueeleft li .pic{display:block;width:205px;height:173px;padding:0px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:173px;line-height:173px; position:absolute; left:0px; top:0px; width:100%;filter:alpha(opacity=0); 
-moz-opacity:0; 
opacity:0;}
.marqueeleft li a:hover .txt { background:url(../images/pbg.png) no-repeat center center; color:#FFF;filter:alpha(opacity=100); 
-moz-opacity:1.0; 
opacity:1.0;}