#album { width: 100%; overflow: hidden; margin-top: 24px; }
    #album #pName { width: 100%; font-size: 24px; text-align: center; padding: 0px; display: flex; align-content: center; justify-content: center; }
        #album #pName #cName { font-family: 'Microsoft YaHei'; margin-right: 20px; font-weight: 500; font-size: 20px; }
        #album #pName #eName { font-weight: 500; }
    #album #photo { width: 326px; height: 400px; overflow: hidden; margin: 20px auto; position: relative; }
    #album #photo #photoContainer { height: 400px; width: 9000%; overflow: hidden; padding: 0px; margin: 0px; position: relative; left: 0px;transition:left ease-out 600ms; }
        #album #photo #photoContainer.moving { transition:all none; }

        #album #photo #photoContainer li { height: 400px; width: 326px; overflow: hidden; padding: 0px; margin: 0px; font-size: 0; float: left; display: flex; justify-content: center; align-content: center; position: relative; }
        #album #photo #photoContainer img { width: auto; height: 100%; display: block; vertical-align: top; margin: 0px; }
        #album #photo #photoContainer a { display: none; position: absolute; top: 358px; left: 151px; z-index: 30; cursor: pointer; width: 24px; height: 22px; background-image: url('../img/dl2.png'); }


        #album #thumb { display: flex; justify-content: center; align-content: center; }
        #album #thumb > div { width: 74px; height: 74px; cursor: pointer; float: left; position: relative; overflow: hidden; display: flex; justify-content: center; }
            #album #thumb > div:not(:first-child) { margin-left: 2px; }
            #album #thumb > div img { width: auto; height: 100%; image-rendering: optimizeSpeed; }

body.black #album #pName #cName { color: white; }
body.black #album #pName #eName { color: white; }