林新發神桌佛像佛俱行

General information

◀ ▶ ul, li { padding: 0; margin: 0; list-style: none; } #PhotoShow { width: 100%; /* 圖片的寬 */ position: relative; min-width: 1100px; } .player { width: 100%; height: 100%; position: relative; overflow: hidden; } .player ul.list { position: absolute; height: 100%; } .player ul.list li { float: left; height: 100%; position: relative; text-align: center; } .player ul.list div{ width: 100%; height: 100%; -moz-background-size:cover !important; -webkit-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; } .control .numbers{ padding: 5px; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; } .control .numbers li { color: #ddd; display: inline-block; width: 10px; height: 10px; line-height: 10px; text-align: center; margin: 5px; background: #777; border-radius: 50%; } .control .numbers { text-align: center; } .control .numbers li.current { background: #ad0e15; } .control .numbers li.hover { background: #000; } .control .arrows li{ font-size: 40px; font-weight: bold; display: inline-block; color: #ffffff; text-shadow: 1px 1px #000; text-align: center; line-height: 50px; opacity: 0.7; } .control .arrows li:hover{ opacity: 1; } .control .arrows .prev{ position: absolute; margin-top: -25px; top: 50%; left: 10px; } .control .arrows .next{ position: absolute; margin-top: -25px; top: 50%; right: 10px; }