body { width: 1300px; margin: 0 auto; }

#album { width: 1000px; 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: 1000px; height: 670px; overflow: hidden; margin: 20px auto; position: relative; }
        #album #photo #toLeft { position: absolute; top: 336px; left: 30px; cursor: pointer; z-index: 10; }
        #album #photo #toRight { position: absolute; top: 336px; left: 950px; cursor: pointer; z-index: 10; }
    #album #toLeft:before { display: block; transform: rotate(45deg); width: 20px; height: 20px; border-left: solid 2px #ccc; border-bottom: solid 2px #ccc; content: "" }
    #album #toRight:before { display: block; transform: rotate(45deg); width: 20px; height: 20px; border-right: solid 2px #ccc; border-top: solid 2px #ccc; content: "" }

    #album #toLeft:hover:before { border-color: #eee; }
    #album #toRight:hover:before { border-color: #eee; }

    #album #photo #photoContainer { height: 100%; width: 9000%; overflow: hidden; padding: 0px; margin: 0px; position: relative; left: 0px; transition: left ease-out 600ms; }
        #album #photo #photoContainer li { height: 100%; width: 1000px; overflow: hidden; padding: 0px; margin: 0px; font-size: 0; float: left; display: flex; justify-content: center; align-content: center; }

        #album #photo #photoContainer img { width: auto; height: 100%; display: block; vertical-align: top; margin: 0px; }
        #album #photo #photoContainer a { display: none; }

    #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; }