.content .content-ctx .movie-list{text-align:center} .content .content-ctx .movie-list li{ display:inline-block; margin:35px; width: 326px; height: 484px; position: relative; } .content .content-ctx .movie-list li a { display: block; -webkit-perspective: 500px; perspective: 500px; width: 100%; height: 100%; } .content .content-ctx .movie-list li .cube-cont { height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transform: translateZ(-162px); transform: translateZ(-162px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } /*.content .content-ctx .movie-list li:hover .cube-cont { -webkit-transform: translateZ(-162px) rotateY(90deg); transform: translateZ(-162px) rotateY(90deg); }*/ .content .content-ctx .movie-list li .face-normal { background-color: #29bc6b; -webkit-transform: translateZ(162px); transform: translateZ(162px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .content .content-ctx .movie-list li .face-hover { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; background-color: #29bc6b; -webkit-transform: rotateY(-90deg) translateZ(162px); transform: rotateY(-90deg) translateZ(162px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }.content .content-ctx .movie-list li a { display: block; -webkit-perspective: 500px; perspective: 500px; width: 100%; height: 100%; } .content .content-ctx .movie-list li .cube-cont { height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transform: translateZ(-162px); transform: translateZ(-162px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .content .content-ctx .movie-list li:hover .cube-cont { -webkit-transform: translateZ(-162px) rotateY(90deg); transform: translateZ(-162px) rotateY(90deg); } .content .content-ctx .movie-list li .face-normal { background-color: #29bc6b; -webkit-transform: translateZ(162px); transform: translateZ(162px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .content .content-ctx .movie-list li .face-hover { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; background-color: #29bc6b; -webkit-transform: rotateY(-90deg) translateZ(162px); transform: rotateY(-90deg) translateZ(162px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .panel-ctx-layout{ position: relative; z-index: 1; } .content .panel-page{padding:80px 0 120px;text-align:center} .content .panel-sn{width:980px;margin:0 auto;padding:50px 0; position: relative; z-index: 2; } .content .panel-sn:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } .content .panel-sn .sn-time,.content .panel-sn .sn-type{margin-right:40px}.content .panel-sn .sn-box{width:298px;height:38px;float:left;border:1px solid #616161;position:relative;color:#333}.content .panel-sn .sn-box .title{line-height:38px;padding-left:10px}.content .panel-sn .drop-list{display:none;width:257px;position:absolute;top:38px;left:-1px;border-left:solid 1px #616161;border-bottom:solid 1px #616161;border-right:solid 1px #616161;background:#fff} .content .panel-sn .drop-list .item{padding:0 0 0 10px;line-height:30px;display:block;cursor:pointer}.content .panel-sn .drop-list .item:hover{background:#000;color: #fff;} .content .panel-sn .drop-list .item1{padding:0 0 0 10px;line-height:30px;display:block;cursor:pointer}.content .panel-sn .drop-list .item1:hover{background:#000;color: #fff;} .content .panel-sn .keywords{width:247px;height:38px;line-height:38px;border:none;padding:0 0 0 10px;/*background:#1c1c1c*/}.content .panel-sn .action-search,.content .panel-sn .drop-action{position:absolute;top:0;right:0;width:40px;height:38px;cursor:pointer}.content .panel-sn .action-search{border:none;background:url(../img/search.png) no-repeat}.content .panel-sn .drop-action{border-left:solid 1px #616161;background:url(../img/arr2.png) no-repeat}