#demo { 
overflow:hidden; 
border: 0px dashed #CCC; 
width: 100%; 
} 
#demo img { 
} 
#indemo { 
float: left; 
width: 1800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left;
} 
 .flex-control-thumbs {
            margin: 10px 0 0;
            padding: 0;
            display: flex !important; /* 强制显示缩略图容器 */
        }
		
        
        .preview-area {
            flex: 1;
            height: 300px;
            position: relative;
            overflow: hidden;
			z-index:9998; 
			
        }
        
        .preview-img {
            position: absolute;
            opacity: 0;
            transition: opacity 0.3s ease;
            max-width: none;
            max-height: none;
        }
        
       .fangda{position:absolute; left:100%; top:50px; width:100%; height:50%; }
        
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
                gap: 20px;
            }
            
            .slider-container, .preview-area {
                width: 100%;
            }
            
            .preview-area {
                height: 300px;
            }
			.fangda{position:absolute; left:0; top:100%; z-index:2; width:100%; height:100%;}
        }