diff --git a/public/react/src/modules/user/usersInfo/video/InfosVideo.css b/public/react/src/modules/user/usersInfo/video/InfosVideo.css
index 169c3802c..4722fde63 100644
--- a/public/react/src/modules/user/usersInfo/video/InfosVideo.css
+++ b/public/react/src/modules/user/usersInfo/video/InfosVideo.css
@@ -26,7 +26,7 @@
     height: 158px;
     cursor: pointer;
 }
-.nItem.videoItem:hover .playWrap {.videoItem img.play
+.nItem.videoItem:hover .playWrap {
     display: inline-block;
 }
 .nItem .mask {
diff --git a/public/react/src/modules/user/usersInfo/video/VideoUploadList.js b/public/react/src/modules/user/usersInfo/video/VideoUploadList.js
index 06a4029da..56deb212d 100644
--- a/public/react/src/modules/user/usersInfo/video/VideoUploadList.js
+++ b/public/react/src/modules/user/usersInfo/video/VideoUploadList.js
@@ -10,6 +10,7 @@ import { getUploader } from './AliyunUploaderManager'
 import { reducer, initialState } from './VideoReducer'
 import { deleteVideoInCloud } from './VideoUtil'
 import uploadIcon from './images/upload.png'
+import uploadHoverIcon from './images/upload_hover.png'
 
 let uploader
 const files = []
@@ -291,6 +292,26 @@ function VideoUploadList (props) {
                     border-bottom: none;
                 }
                 
+                .noUploads img {
+                    width: 64px;
+                    height: 48px;
+
+                }
+                .noUploads .uploadHoverIcon {
+                    display: none;
+                }
+                .noUploads .imgWrap:hover .uploadHoverIcon {
+                    display: inline;
+                }
+                .noUploads .imgWrap:hover .uploadIcon {
+                    display: none;
+                }
+                .noUploads .imgWrap {
+                    width: 72px;
+                    height: 54px;
+                    margin: 0 auto;
+                    cursor: pointer;
+                }
             `}</style>
             <CBreadcrumb
                 className="mb26"
@@ -308,8 +329,13 @@ function VideoUploadList (props) {
             
             <div className="section">
                 {/* noUploads */}
-                {noUploads && <div className="noUploads" style={{paddingTop: '72px'}}>
-                    <img src={uploadIcon} onClick={() => document.getElementById('fileUpload').click()}></img>
+                {noUploads && <div className="noUploads" style={{paddingTop: '72px'}} >
+                    <div className="imgWrap" onClick={() => document.getElementById('fileUpload').click()}>
+                        <img className="uploadIcon" src={uploadIcon} ></img>
+                        <img className="uploadHoverIcon" src={uploadHoverIcon} ></img>
+                    </div>
+
+                    
                     <div style={{
                         color: '#000000',
                         fontSize: '18px',
diff --git a/public/react/src/modules/user/usersInfo/video/images/upload_hover.png b/public/react/src/modules/user/usersInfo/video/images/upload_hover.png
new file mode 100644
index 000000000..6fd27af9f
Binary files /dev/null and b/public/react/src/modules/user/usersInfo/video/images/upload_hover.png differ